我有一个带有datepicker的字段,用于出生日期文本字段。我还有一个年龄文本输入,我希望在输入出生日期信息的日期填充他们的年龄(因此它将与当前日期进行比较并显示孩子的年龄)
我在JavaScript中创建正确的日期格式(dd-mm-yyyy)时遇到了一些麻烦。到目前为止,我有这个。
HTML:
<label for="child_age">Age</label>
<p><input type="text" class="child_age" name="child_age" /></p>
<label for="child_dob">Date of Birth</label>
<p><input type="text" class="child_dob" name="child_dob" /></p>
JQUERY:
$(function () {
$(".child_dob").change(function(event){
console.log();
var d = new Date();
var dob = $(this).val();
console.log(dob); //shows the correct date from the datepicker (dd-mm-yyyy)
console.log(d); //shows Tue Apr 30 2013 16:48:32 GMT+0100 (GMT Daylight Time)
});
});
如何将日期转换为正确的格式并将其与child_dob
字段中输入的信息进行比较?
答案 0 :(得分:1)
要获取在datepicker中选择的日期,请使用getDate
方法:
$(function () {
$(".child_dob").change(function(event){
console.log();
var d = new Date();
var dob = $(this).datepicker("getDate");
console.log(dob);
console.log(d);
});
});
最好将此代码放在datepicker的onSelect
选项中,而不是表单字段的change
事件。