代码之家 › 专栏 › 技术社区 › Ari

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

forms html jquery javascript

2

Ari · 技术社区 · 7 年前

我试图重新创建一个离开和返回型日期选择器为模拟旅游公司。

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

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

单击离开日期时,它将从返回日期选择器中删除禁用的属性。我还有一些jquery/js,它将出发日期选择器的最小值设置为todays date。

我想做的是,在用户选择了离开日期之后,我想将该日期设置为返回日期的最小值,因为很明显,返回日期不能早于离开日期。

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

但它会在我单击选择器时抛出错误,甚至在选择日期之前。

1 回复 | 直到 7 年前

1

2

rafaelcastrocouto 7 年前

你只需要jquery attr 方法 http://api.jquery.com/attr/

也可以使用DOM元素方法 $("#return_date")[0].setAttribute

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" id='depart_date' name="depart_date">
<input type="date" id='return_date' name="return_date" disabled>