js比较两个日期的时间大小

介绍

使用js比较两个日期的时间大小,一般在前台选择时间时常常使用。比如:结束时间不能小于开始时间,开始时间不能小于当前时间等。

代码示例

示例一:开始时间不能小于当前时间

js 复制代码
//开始时间
var startTime = '2024-04-22'
//当前时间
var currentDate = new Date();
var currentDateStr = currentDate.getFullYear() + '-' + (currentDate.getMonth() + 1) + '-' + currentDate.getDate();
if (new Date(currentDateStr).getTime() > new Date(startTime).getTime()) {
	alert('开始时间不能小于当前时间')
}

示例二:结束时间不能小于开始时间

js 复制代码
var startTime = '2024-04-22'
var endTime = '2024-04-21'
if (new Date(startTime).getTime() > new Date(endTime).getTime()) {
	alert('结束时间不能小于开始时间')
}

正式环境中时间的判断流程

首先判断开始、结束时间是否为空,不为空再判断结束时间是否小于开始时间

js 复制代码
var startTime = $("#startTime").val()
var endTime = $("#endTime").val()
if(isEmpty(startTime)){
	initError('生效时间不能为空',$('#startTime').next());
	flag = false;
}
if(isEmpty(endTime)){
	initError('失效时间不能为空',$('#endTime').next());
	flag = false;
}
if(!isEmpty(startTime)&&!isEmpty(endTime)) {
	var currentDate = new Date();
	var currentDateStr = currentDate.getFullYear() + '-' + (currentDate.getMonth() + 1) + '-' + currentDate.getDate();
	if (new Date(currentDateStr).getTime() > new Date(startTime).getTime()) {
		initError('生效时间不能小于当前时间', $('#startTime').next());
		flag = false;
	}else{
		if (new Date(startTime).getTime() > new Date(endTime).getTime()) {
			initError('生效时间不能大于失效时间', $('#startTime').next());
			flag = false;
		}
	}
}
相关推荐
晚风308几秒前
JavaScript
javascript
平山几秒前
React 入门指南
前端·react.js
杨半仙儿还未成仙儿1 分钟前
Java Stream API 中常用的流处理方法及示例,帮助你高效处理集合数据
java
前端卧龙人4 分钟前
用 Vite 插件自动化优化图片
前端
Substitute5 分钟前
解锁流畅动画的钥匙:深入 requestAnimationFrame 的时序控制与潜在挑战
前端
莫循瑾木8 分钟前
如何在大型项目中有效使用TypeScript进行类型定义?
前端·typescript·前端工程化
沸点小助手8 分钟前
🎆码力全开,万元现金大奖等你瓜分 | 4月金石计划
前端·人工智能·后端
7675604799 分钟前
computed源码解读与使用示例
前端·vue.js
前端日常开发10 分钟前
前端有没有必要造轮子?
前端
前端日常开发10 分钟前
Vue3 实现滚动分页加载瀑布流列表
前端