javascript - 如何设置从另一个日期字段派生的一个日期字段的最小属性

Question

我正在编写一个 JS 应用程序，其中有两个日期字段。一个选择“开始”日期，另一个选择“结束”日期。

我需要将“至”日期的最小值设置为“从”日期的值。下面是我的代码:

datePickerFromId.min = new Date().toLocaleDateString('en-GB');
datePickerToId.min = datePickerFromId;

但这根本行不通。即使是“起始”日期的最小值也未设置为当前日期的值。如何解决这个问题？

Answer 1

正如您在评论中提到的，new Date().toLocaleDateString('en-GB') 将以 dd/MM/yyyy 格式显示日期，而min 期望日期的格式为 yyyy-MM-dd according到 MDN。

您可以使用下面的方法正确给出最小值

datePickerFromId.min = new Date().toISOString().split("T")[0];

为了帮助您反射(reflect)日期更改，请使用以下代码:

datePickerFromId.min = new Date().toISOString().split("T")[0];
datePickerToId.min = new Date().toISOString().split("T")[0];

datePickerFromId.onchange = function(dateEvent){
  datePickerToId.value="";
  var fromDate = datePickerFromId.value;
  datePickerToId.min = new Date(fromDate).toISOString().split("T")[0];
}