您的位置：首页 > Web前端 > JavaScript

js 日期时间大小比较

2017-05-26 17:32 267 查看

<body>
开始时间：<input onfocus="setday(this)" id="startTime" name="startTime">到
结束时间：<input onfocus="setday(this)" id="endTime" name="endTime">
<input type="button" onclick="checkTime()" value="校验"/>
</body>
<script type="text/javascript" >
checkTime = function() {
var startTime = document.getElementById("startTime").value;
var endTime = document.getElementById("endTime").value;
compareCalendar(startTime, endTime);
}
//比较日前大小
function compareDate(checkStartDate, checkEndDate) {
var arys1= new Array();
var arys2= new Array();
if(checkStartDate != null && checkEndDate != null) {
arys1=checkStartDate.split('-');
var sdate=new Date(arys1[0],parseInt(arys1[1]-1),arys1[2]);
arys2=checkEndDate.split('-');
var edate=new Date(arys2[0],parseInt(arys2[1]-1),arys2[2]);
if(sdate > edate) {
alert("日期开始时间大于结束时间");
return false;
}  else {
alert("通过");
return true;
}
}
}

//判断日期，时间大小
function compareTime(startDate, endDate) {
if (startDate.length > 0 && endDate.length > 0) {
var startDateTemp = startDate.split(" ");
var endDateTemp = endDate.split(" ");

var arrStartDate = startDateTemp[0].split("-");
var arrEndDate = endDateTemp[0].split("-");

var arrStartTime = startDateTemp[1].split(":");
var arrEndTime = endDateTemp[1].split(":");

var allStartDate = new Date(arrStartDate[0], arrStartDate[1], arrStartDate[2], arrStartTime[0], arrStartTime[1], arrStartTime[2]);
var allEndDate = new Date(arrEndDate[0], arrEndDate[1], arrEndDate[2], arrEndTime[0], arrEndTime[1], arrEndTime[2]);

if (allStartDate.getTime() >= allEndDate.getTime()) {
alert("startTime不能大于endTime，不能通过");
return false;
} else {
alert("startTime小于endTime，所以通过了");
return true;
}
} else {
alert("时间不能为空");
return false;
}
}
//比较日期，时间大小
function compareCalendar(startDate, endDate) {
if (startDate.indexOf(" ") != -1 && endDate.indexOf(" ") != -1 ) {
//包含时间，日期
compareTime(startDate, endDate);
} else {
//不包含时间，只包含日期
compareDate(startDate, endDate);
}
}
</script>
</html>

出自：http://www.cnblogs.com/20gg-com/p/6655880.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航