在屏幕上有开始日期datepickers和相应的结束日期datepickers。
当用户从许多日期选择器中选择一个开始日期时,我想设置相应的结束日期。结束日期应为开始日期+ 1年。
我的代码有效,但我不确定确实设置了结束日期。它将正确的日期值放入结束日期datepicker文本字段中。但是,当您打开日历时,它只显示今天选择的日期,不通过代码输入的实际日期。
编辑:就像有2个日历 - 用户可以在文本框中单击以打开日历,或者单击日历图标以打开日历。如果日期是在代码中设置的,他们点击文本框以打开日历 - 它会显示选择的日期确定。但如果他们点击图标打开日历,它就像日期不在那里..
这里有什么问题吗?
$(document).ready(function () {
$('.input-group.date').change(function() {
var $input = $(this).find('input.form-control');
var effdateid = $input.attr('id');
//have they selected an input date?
if (effdateid.toLowerCase().indexOf("effective") >= 0){
var expdateid = effdateid.replace("effective", "expire");
//get the input date and add a year
var myDate = new Date($input.val());
myDate.setFullYear(myDate.getFullYear() + 1);
//set the end date if its blank
if (!$("#" + expdateid).val()) {
var $datepicker = $("#" + expdateid);
$datepicker.datepicker();
$datepicker.datepicker('setDate', new Date(myDate));
}
}
})
});
答案 0 :(得分:-3)
这应该有效
document.getElementById("datePicker").valueAsDate = new Date()