Question

我正在尝试为模拟旅行公司重新创建“出发和返回”类型的日期选择器。

<input type="date" id='depart_date' name="depart_date">

<input type="date" id='return_date' name="return_date" disabled>

单击出发日期后，它将从返回日期选择器中删除禁用的属性。我还有一些jquery / js，可将出发日期选择器的最小值设置为今天的日期。

我想做的是，在用户选择出发日期之后，我想将该日期设置为返回日期的最小值，因为显然您的返回日期不能早于出发日期。

我尝试过的事情：

 $('#depart_date').click(function(){
    var departDate = $('#depart_date').val();
    $('#return_date').prop("disabled", false);
    $("#return_date").setAttribute("min", departDate);
 });

但是在我单击选择器后，甚至在选择日期之前，它都会引发错误。

Answer 1

您只需要jquery project.pde方法http://api.jquery.com/attr/

您还可以使用DOM元素方法attr，但这仅适用于一个元素，而jquery方法将应用于与选择器匹配的所有元素。

$("#return_date")[0].setAttribute

 $('#depart_date').change(function(){
    var departDate = $('#depart_date').val();
    $('#return_date').prop("disabled", false);
    $("#return_date").attr("min", departDate);
 });

从另一个日期选择器的值设置日期选择器的min属性

1 个答案: