2012-07-26 50 views
0

在我的表单中,有两个标签字段,即出生日期和确认出生日期。每个字段分别由DD,MM和YY的三个输入字段组成。以下是html代码,用于比较日期字段的Javascript

 <label>Date of Birth</label> 
    <input type="textbox" id="dd1" /> 
    <input type="textbox" id="mm1" /> 
    <input type="textbox" id="yy1" /> 
    <label>Confirm Date of Birth</label> 
    <input type="textbox" id="dd2" /> 
    <input type="textbox" id="mm2" /> 
    <input type="textbox" id="yy2" /> 

现在我需要比较两个标签字段。如果两者相同,则需要获得警报消息。请帮助...

+1

你到底需要什么帮助?获取对DOM元素的引用?获得他们的价值?比较值?显示提醒?或者在正确的时间执行JavaScript?你试过什么了? – 2012-07-26 09:14:44

回答

0
var d1 = document.getElementById('dd1').value; 
var m1 = document.getElementById('mm1').value; 
var y1 = document.getElementById('yy1').value; 

var d2 = document.getElementById('dd2').value; 
var m2 = document.getElementById('mm2').value; 
var y2 = document.getElementById('yy2').value; 

var date1 = new Date(y1 + "/" + m1 + "/" + d1); 
var date2 = new Date(y2 + "/" + m2 + "/" + d2); 

date1 = date1.getTime(); 
date2 = date2.getTime(); 

if (date1 == date2) { 
    alert('Dates are equal'); 
} else { 
    alert('Dates are not equal'); 
} 

这可以作为纯JavaScript,或者您可以使用jQuery与 $( '#DD1')取代

document.getElementByIt('dd1').value; 

VAL()。 ;

或者您可以使用日期选择器,我建议jQuery的UI http://jqueryui.com/demos/datepicker/

,并比较从由日期选择器填充2场的日期。

+0

谢谢。正常工作... – steeve 2012-07-26 09:49:17

0

只需创建一个接受数字(1或2)的函数,然后用jQuery做一个$(“#XX”+ param).value的连接(其中XX是dd,mm ,yy和param是收到的参数)。

从字符串中创建一个日期并返回它。

我会建议你使用HTML5的看html5-date

0

您只需将其解析到Date对象是有用的:

var y1 = document.getElementById('yy1').value; 
// get the rest input value 
var date = new Date(y1, m1, d1) 
    , confirmed_date = new Date(y2, m2, d2); 
if (date == confirmed_date) { /* do something */ } 

上述代码还可以验证用户的输入是否为有效日期。关于Date对象

更多信息:http://www.javascriptkit.com/jsref/date.shtml