从另一个日期选择器设置一个日期选择器 maxDate

Question

在我的应用程序中，我有一个包含 3 个日期选择器对象的表单； from、to 和 apply_to。我尝试在 JavaScript 中设置控制输入 to 和 apply_to

 $("#from").datepicker({
    dateFormat: 'dd.mm.yy',
    onSelect: function(selected) {
        $("#to").datepicker("option","minDate", selected);

        $("#apply_to").datepicker("option","maxDate", selected)

    }
});

但我需要将apply_to 中的maxDate 设置为所选日期减一。

$("#apply_to").datepicker("option","maxDate", selected-1d)

但我的代码不起作用。

Answer 1

在你的onSelect中，selected参数是一个字符串，所以你必须先把它转换成一个javascript日期对象，然后用setDate/getDate减去一天，最后更新对应的datepicker maxDate选项

onSelect: (selected) => {
        var pieces = selected.split('.');
        var dt = new Date(pieces[2], parseInt(pieces[1])-1, pieces[0]);
        dt.setDate(dt.getDate() - 1);
        $("#to" ).datepicker( "option", "maxDate",  dt);
  }