JS日期比较

孙宁 2011-05-30 02:16:39

两个文本域，前面的日期必须比后面的日期小，否则就弹出提示，具体代码怎么写？格式最好是yyyy-mm-dd

...全文

149 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

温柔哥 2011-05-30

打赏
举报

checkDate这个函数在哪?

孙宁 2011-05-30

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>时间比较</title>

<script>

	function checkPeriod(beginDate, endDate)



{



    if ( !checkDate(beginDate) ) {



        alert("起始日期不正确!");



        return false;



    }



    else if ( !checkDate(endDate) ) {



        alert("终止日期不正确!");



        return false;



    }



    else if ( beginDate > endDate ) {



        alert("起始日期不能大于终止日期!")

        return false;



}

    return true;



};



</script>

</head>



<body>

<form name="myform" onSubmit="checkPeriod()">

  <input name="startDate" type="text" id="begindate" size="20" maxlength="19"> 

至

    <input name="endDate" type="text" id="enddate" size="20" maxlength="19"> 

    <input type="submit" name="Submit" value="提交"> 

</form>

</body>

</html>

有什么问题？

温柔哥 2011-05-30

打赏
举报

使用这个控件不弹提示,但会直接限制如果用户在第1个文本域选择了时间,那在第2个文本域选择时间时就一定要大于或等于前面那个#from #to 分别是2个文本的ID 直接套进去就行.

温柔哥 2011-05-30

打赏
举报

使用jqueryUI 然后用以下代码你的疑问就解决了

var dates = $( "#from, #to" ).datepicker({
showMonthAfterYear:true,
changeYear:true,
numberOfMonths: 1,
dateFormat: "yy-mm-dd",
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" );
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});

孙宁 2011-05-30

打赏
举报

[Quote=引用 1 楼 aspwebchh 的回复:]

var d1 = new Date(2011,5,30)
var d2 = new Date(2011,5,29);
if(d1.getTime() > d2.getTime())
{
alert("第一个日期必须比第二个日期小")
}
[/Quote]

我要详细代码

挨踢直男 2011-05-30