<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. jquery获取兄弟元素

    按照w3c school的指引,jquery中,要获得一个元素的兄弟,可以用 prev().next()两种方法.顾名思义,prev()获得前一个,next()获得后面一个. 问题是,如果存在前后兄弟 ...

  2. HttpsURLConnection 安全传输（HTTPS--Secure Hypertext Transfer Protocol-安全超文本传输协议）

    HttpsURLConnection 扩展 HttpURLConnection,支持各种特定于 https 功能.此类使用 HostnameVerifier 和 SSLSocketFactory.为这 ...

  3. java操作json

    import net.sf.json.JSONArray; import net.sf.json.JSONObject; public class ReadJson { public static v ...

  4. ubuntu切换中英文通用方法，ubuntu中文语言

    1:点击桌面右上角的齿轮,选择“system settings”进入系统设置界面

  5. HDU1754 —— I Hate It 线段树 单点修改及区间最大值

    题目链接:https://vjudge.net/problem/HDU-1754 很多学校流行一种比较的习惯.老师们很喜欢询问,从某某到某某当中,分数最高的是多少. 这让很多学生很反感. 不管你喜不喜 ...

  6. Java抽象类和接口的区别(好长时间没看这种文章了)

    Java抽象类和接口的区别(好长时间没看这种文章了) abstract class和interface是Java语言中对于抽象类定义进行支持的两种机制,正是由于这两种机制的存在,才赋予了Java强大的 ...

  7. sphinx源码分析总结

    http://www.cnblogs.com/bonelee/p/6667955.html shinx索引部分源码分析——过程:连接到CSphSource对应的sql数据源,通过fetch row取其 ...

  8. x86 linux 裁剪过程中能正常跑起来的必要配置项

    A .选中Executable file formats/Emulations ---> Kernel support for ELFbinaries -----加载运行rootfs 中的程序. ...

  9. JS处理Cookie

    <script>function GetCookieVal(offset)//获得Cookie解码后的值{var endstr = document.cookie.indexOf (&qu ...

  10. Luogu P1396 营救【最小生成树/二分答案/最短路】 By celur925

    题目描述 “咚咚咚……”“查水表!”原来是查水表来了,现在哪里找这么热心上门的查表员啊!小明感动的热泪盈眶,开起了门…… 妈妈下班回家,街坊邻居说小明被一群陌生人强行押上了警车!妈妈丰富的经验告诉她小 ...