Question

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

我需要将“开始”日期的最小值设置为“开始”日期的值。以下是我的代码：

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

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

Answer 1

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

您可以使用以下信息正确给出最小值

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

为帮助您反映日期更改，请使用以下代码

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];
}

希望这会有所帮助

如何设置一个日期字段的最小值属性源自另一个日期字段

1 个答案: