<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>

js 日期时间大小比较的更多相关文章

  1. js 日期比较大小，js判断日期是否在区间内，js判断时间段是否在另外一个时间段内

    /** * 日期解析,字符串转日期 * @param dateString 可以为2017-02-16,2017/02/16,2017.02.16 * @returns {Date} 返回对应的日期对 ...

  2. 移动端lCalendar纯原生js日期时间选择器

    网上找过很多的移动端基于zepto或jquery的日期选择器,在实际产品中也用过一两种,觉得都不太尽如人意,后来果断选择了H5自己的日期input表单,觉得还可以,至少不用引用第三方插件了,性能也不错 ...

  3. 原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

    原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC " ...

  4. js -- 日期时间格式化

    /** * js日期时间格式化 * @param date 时间读对象 * @param format 格式化字符串 例如:yyyy年MM月dd日 hh时mm分ss秒 * @returns {stri ...

  5. js 日期时间排序 数组

    不多说直接show代码 var timeArr=[ {'id':'A01','date':'2016-04-20 23:22:11'}, {'id':'A02','date':'2016-04-21 ...

  6. js日期时间比较函数

    转自:http://www.cnblogs.com/zxjyuan/archive/2010/09/07/1820708.html js日期比较(yyyy-mm-dd) function duibi( ...

  7. 记录:工作中用到的Js日期时间方法

    /** * 获取当前时间 */ function getDate() { return new Date(); } /** * 格式化当前时间 * @param {*} value */ functi ...

  8. js非常强大的日历控件fullcalendar.js, 日期时间库: moment.js

    日历控件: https://fullcalendar.io/docs/ https://fullcalendar.io/docs/event_data/events_function/ https:/ ...

  9. JS - 日期时间比较函数

    JS日期比较(yyyy-mm-dd) function duibi(a, b) { var arr = a.split("-"); var starttime = new Date ...

随机推荐

  1. VMware一些使用心得

    这段时间VMware workstation用得较多,装了好几个虚拟机,有win2003,win2008,win7,还分32位,64位.装了这么多,要么是用于安装一些软件,比如oracle12c,因为 ...

  2. getHibernateTemplate()（Spring中常用的hql查询方法）

    Spring中常用的hql查询方法(getHibernateTemplate()) --------------------------------- 一.find(String queryStrin ...

  3. 不常见使用的css

    flex和white-space等属性 1.flex属性让所有弹性盒模型对象的子元素都有相同的长度,忽略它们内部的内容.style={{flex:5}},该元素占父元素的六分之五. 2. white- ...

  4. MongoDB相关的一些技术文章

    安装 win7下安装和配置MongoDB的总结---阿冬专栏

  5. HDU1269 迷宫城堡 —— 强连通分量

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1269 迷宫城堡 Time Limit: 2000/1000 MS (Java/Others)    M ...

  6. YTU 2922: Shape系列-8

    2922: Shape系列-8 时间限制: 1 Sec  内存限制: 128 MB 提交: 172  解决: 99 题目描述 小聪又想借用小强的Shape类了,但是不巧的是小强去考英语四级去了,但是小 ...

  7. 【CJOJ】Contest4 - A+B Series

    Position:http://oj.changjun.com.cn/contest.php?cid=4 A经典题目 // <A.cpp> - Sun Oct 9 15:28:01 201 ...

  8. java计算时间差及比较时间大小(转)

    比如:现在是2004-03-26 13:31:40        过去是:2004-01-02 11:30:24 我现在要获得两个日期差,差的形式为:XX天XX小时XX分XX秒 方法一: DateFo ...

  9. wpa_supplicant drivers 查看跟踪

    /**************************************************************************** * wpa_supplicant drive ...

  10. 设计模式-Template Method Pattern

    将generic部份放在abstract base class中的实现的方法中,而将和具体context相关的部份作为abstract base class的虚方法,由derivatives去实现. ...