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()