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

Question

在我的应用程序中，我有一个包含 3 个日期选择器对象的表单； 从、到和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 减去一天，最后更新相应的日期选择器 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);
  }