<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. 在 Vim 中优雅地查找和替换 vi【转】

    本文转载自:http://harttle.land/2016/08/08/vim-search-in-file.html 总有人问我 Vim 中能不能查找,当然能!而且是超级强的查找! 这篇文章来详细 ...

  2. hibernate 的缓存机制

    这是面试中经常问到的一个问题,楼主可以按照我的思路回答,准你回答得很完美,首先说下Hibernate缓存的作用(即为什么要用缓存机制),然后再具体说说Hibernate中缓存的分类情况,最后可以举个具 ...

  3. aliyun 日志服务（Log Service，Log）是针对日志场景的一站式服务

    日志服务(Log Service,Log)是针对日志场景的一站式服务,在阿里巴巴集团内部被广泛使用.用户无需开发就能快捷完成日志生命周期中采集.消费.投递以及查询功能. 日志服务当前提供如下功能 日志 ...

  4. sphinx测试数据生成

    import json from random import sample, randint from uuid import uuid4 def gen_random_words(): with o ...

  5. 性能测试工具curl-loader(linux)

    curl-loader介绍 curl-loader(也被称为“omes-NIK”和“davilka”)是一个开源的C语言编写的工具,模拟应用负载和成千上万的几十万人的HTTP / HTTPS和FTP/ ...

  6. linux 忘记root（这里以centos 6.5为例）密码的解决办法

    在使用linux的过程中有时候会忘记root用户的密码(尤其是进行交接而文档内容不全的时候),这个时候我们就可以进入单用户模式来重置root用户密码.下面来讲解重置root密码的方式,也可以说是破解r ...

  7. appium的get_attribute方法

    转http://blog.csdn.net/bear_w/article/details/50330753 问题描述 当使用类似下面的代码获取元素的 content-desc 属性时,会报 NoSuc ...

  8. uva 11401

    Triangle Counting Input: Standard Input Output: Standard Output You are given n rods of length 1, 2… ...

  9. [转]响应式web设计之CSS3 Media Queries

    开始研究响应式web设计,CSS3 Media Queries是入门. Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表.换句话说,其允许我们在不改变 ...

  10. 洛谷 P1941 飞扬的小鸟【dp】

    设f[i][j]为在坐标(i,j)时的最小点击次数,转移的话从i-1向上飞或者向下掉转移,注意转移完了之后要把管子部分赋值为inf #include<iostream> #include& ...