jquery - 根据第一个日期选择器设置第二个日期选择器的 minDate
问题描述
我已经搜索了解决方案,我想说我已经查看了所有的问题和答案,但我认为这实际上是不可能的。
我尝试了各种解决方案,但似乎都没有奏效......
我确信这很容易解决,但我无法让它工作。任何帮助将是最appriciated。
jQuery(document).ready(function($) {
$("#arrivalDate").datepicker({
minDate: 'dateToday',
onSelect: function (date) {
$("#departureDate").datepicker({
minDate: date
});
}
});
$("#departureDate").datepicker();
});
解决方案
您的代码几乎是正确的,唯一的问题是您如何尝试设置minDate
- 您需要使用option
,如下所示:
jQuery(document).ready(function($) {
$("#arrivalDate").datepicker({
minDate: 'dateToday',
onSelect: function(date) {
$("#departureDate").datepicker('option', 'minDate', date);
}
});
$("#departureDate").datepicker();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<p>Arrival: <input type="text" id="arrivalDate" /></p>
<p>Departure: <input type="text" id="departureDate" /></p>
推荐阅读
- jdbc - postgresql jdbc 非常简单的查询和 56 行,比 psql 的 2x、3x 查询慢
- angular - 如何在 forRoot() 中注入/使用服务
- python - 如何跨时间识别道路几何形状?
- javascript - mapStateToProps 和 mapActionsToProps 未在反应组件中触发
- kotlin - 如何在 Kotlin 中使用反射获取函数引用
- sql - 从 Postgres 表中删除数百万行的自动化方法
- javascript - 创建的图像高度有时不起作用
- excel - 将D列复制到A列Excel VBA
- arm - 无 phy 的 SGMII - Xlinix Zynq UltraScale+ RFSoC 板上的外部环回
- mongodb - Nestes Schema 虚拟