jQuery datepicker - 设置日期

时间:2015-07-09 14:38:35

标签: jquery datepicker

在屏幕上有开始日期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));
            }
        }
        })
    });

1 个答案:

答案 0 :(得分:-3)

这应该有效

document.getElementById("datePicker").valueAsDate = new Date()