jQuery datepicker-设置日期

Question

屏幕上有开始日期日期选择器和相应的结束日期日期选择器。

当用户从许多日期选择器之一中选择开始日期时，我想设置相应的结束日期。 结束日期应为开始日期+ 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));
            }
        }
        })
    });

Answer 1

这应该工作

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