用Jquery写一个开始时间与结束时相差不能超过24小时的验证。

如题所述

举报该问题

推荐答案 2014-05-14

<!DOCTYPE html>
<html>
<head>
    <title>校验时间</title>
</head>
<body>

    <input id="begindate" value="2015-1-1 13:00:00" onblur="check()" />
    <input id="enddate" value="2015-1-2 13:00:01" onblur="check()" />
</body>
</html>

<script type="text/javascript">
// 光标默认选中 enddate
document.getElementById("enddate").focus();
// 校验时间
function check(){
try{
// 获取时间
var begindate = document.getElementById("begindate").value;
var enddate = document.getElementById("enddate").value;
var begin = changeDate(begindate);
var end = changeDate(enddate);
// 获取毫秒
checkDate(begin,end);
} catch (e) {
alert(e.message);
}
}
// 传入两个时间参数
function checkDate(begindate,enddate){
try {
// 获取毫秒
var beginsecond = begindate.getTime();
var endsecond = enddate.getTime();
var days = (endsecond-beginsecond)/(24*3600*1000);
if(days>1){
alert("超过24小时");
}else{
alert("没有超过24小时");
}
} catch (e) {
alert("比较时间出错，原因：" + e.message);
}
}
// 如果你的时间是字符串 yyyy-MM-dd hh:mm:ss ，下面函数可以转成时间
function changeDate(str){
try{
var newstr = str.replace(/-/g,'/');
return new Date(newstr);
}catch (e){
alert("转换时间出错，原因：" + e.message);
}
}
</script>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/vp2DDDnipUx9DUD2Un.html

第1个回答 2014-05-14

html5 在谷歌中浏览：

开始时间：<input type="date" id="startTime" />

结束时间：<input type="date" id="endTime" />

<input type="button" value="提交" id="submitBtn"/>

<script type="text/javascript">
$(function(){

   //表单提交验证
   $('#submitBtn').click(function(){
     var $startTime= $('#startTime').val();
   var $endTime= $('#endTime').val();
     var time = ( Date.parse($endTime)-Date.parse($startTime)) / 3600 / 1000; //小时差

if(time!=24){
alert('NO');
}else{
alert('OK')
}
   })
})
</script>

追问

是自动触发的，没有按钮

追答

自动触发不就是改事件么，把click事件改为你想要触发的事件不久行了吗，拜托，这个东西就不要追问了好吧。
click改为blur
$('#endTime').blur(function(){
});

追问

不好意思，我是初学者

第2个回答 2014-05-14

http://www.jq-school.com/Article.aspx?id=3
这个里面应该有你要的，你看看~

相似回答

怎么样进行时间先后的验证呢?用的是jquery中的javascript答：beginTime=beginTimes[1]+'-'+beginTimes[2]+'-'+beginTimes[0]+' '+beginTime.substring(10,19);endTime=endTimes[1]+'-'+endTimes[2]+'-'+endTimes[0]+' '+endTime.substring(10,19);var a =(Date.parse(endTime)-Date.parse(beginTime))/3600/1000;if(a<0){ return -1;}...

怎么用JQuery获取两个时间之差视频时间 12:00

...开始时间算出相差多少小时,放假不算在内??JQuery 或JS怎么写?_百度...答：- startTime) / 3600; result.minutes = ((endTime - startTime) % 3600) / 60; return result;}var timeOffset = getOffsetTime(startHour, startMin, endHour, endMin);timeOffset的值为 Object { hours:9, minutes:0} 如果午休1小时的话，把结果中的hours-1就行了 ...

jquery-ui datepicker 设置开始结束时间选择范围答：jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)使用jQuery ui首先需要引入jQuery类库，jQuery ui js脚本和jQuery ui css样式表 1、同时获得两个文本框对象，并将其转换为datepicker（利用jQuery的选择器）HTML代码：开始日期： 结束日期： Js代码：2、同样在选择日期后，触发onSele...

jquery-ui datepicker 设置开始结束时间选择范围答：jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)使用jQuery ui首先需要引入jQuery类库，jQuery ui js脚本和jQuery ui css样式表 1、同时获得两个文本框对象，并将其转换为datepicker（利用jQuery的选择器）HTML代码：开始日期： 结束日期： Js代码：2、同样在选择日期后，触发onSele...

用jQuery为表单进行验证答：(function () { $("#send").live("click", function () { if ($("#username").val().trim() == "") { alert("用户名不能为空"); return false; } }) }) /* 考虑到ie7,8不兼容trim()，可单独写去空格方法 */ function trim(stringToTrim) { ...

大家正在搜

开始时间结束时间经过时间一天开始时间结束时间开始时间到结束时间开始时间结束时间计算开始时间结束时间公式春晚开始时间结束时间起始时间是开始时间吗 6时和12时相差几小时一个区相差多少小时

jquery是什么类型的编程语言???

jquery和javascript有什么区别？

网页编程语言html、Ajax、javascript、jQu...

jquery和javascript的区别

javascript和jquery的区别

jquery能否实现所有javascript能写的功能？

Javascript+jQuery.是什么东东？有什么用途

jquery与javascript，ajax什么关系