JS 日期比较大小的简单实例


Posted in Javascript onJanuary 13, 2014

1,比较日期大小的js代码

<script>
var beginDate=$("#beginDate").val();  
 var endDate=$("#endDate").val();  
 var d1 = new Date(beginDate.replace(/\-/g, "\/"));  
 var d2 = new Date(endDate.replace(/\-/g, "\/"));    if(beginDate!=""&&endDate!=""&&d1 >=d2)  
 {  
  alert("开始时间不能大于结束时间!");  
  return false;  
 }
 </script>

2,Js比较时间和日期大小
<html>   
<head>   
<title>calendar-比较时间和日期大小-3water.com</title>   
<script type="text/javascript" src="CalendarFramework.js"></script>   
</head>   
<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>
Javascript 相关文章推荐
一个判断email合法性的函数[非正则]
Dec 09 Javascript
更优雅的事件触发兼容
Oct 24 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
jquery实现鼠标悬浮停止轮播特效
Aug 20 Javascript
js将json格式的对象拼接成复杂的url参数方法
May 25 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
Jan 03 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
Mar 01 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 Javascript
微信小程序引入Vant组件库过程解析
Aug 06 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 #Javascript
JS OffsetParent属性深入解析
Jan 13 #Javascript
JavaScript网页定位详解
Jan 13 #Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 #Javascript
ie8本地图片上传预览示例代码
Jan 12 #Javascript
js 立即调用的函数表达式如何写
Jan 12 #Javascript
IE的事件传递-event.cancelBubble示例介绍
Jan 12 #Javascript
You might like
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
JavaScript基本编码模式小结
2012/05/23 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
javascript if条件判断方法小结
2014/05/17 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
2017/09/08 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
2019/09/15 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
JS实现小米轮播图
2020/09/21 Javascript
Vue获取微博授权URL代码实例
2020/11/04 Javascript
python绘制立方体的方法
2018/07/02 Python
浅谈Python大神都是这样处理XML文件的
2019/05/31 Python
分析运行中的 Python 进程详细解析
2019/06/22 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
python字符串中匹配数字的正则表达式
2019/07/03 Python
pytorch: Parameter 的数据结构实例
2019/12/31 Python
Python实现分数序列求和
2020/02/25 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
凯蒂·佩里个人女鞋品牌:Katy Perry Collections
2019/04/04 全球购物
公司司机岗位职责
2014/02/07 职场文书
实习评语大全
2014/04/26 职场文书
计算机售后服务承诺书
2014/05/30 职场文书
中考标语大全
2014/06/05 职场文书
工作后的感想
2015/08/07 职场文书
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript