如何创建Jquery ui日期选择器范围
如何创建Jquery ui日期选择器范围
提问于 2019-12-12 08:29:03
我有两个输入字段的开始和结束日期，我需要如果用户选择开始日期，使只有14天可供选择的结束日期，我该怎么做？
下面是我的html代码：
<label for="start_date">Date From</label>
<input id="start_date" required="true" width="276"/>
<label for="end_date">Date To</label>
<input id="end_date" required="true" width="276"/>下面是我的脚本：
<script>
$('#start_date').datepicker({
uiLibrary: 'bootstrap4'
});
</script>
<script>
$('#end_date').datepicker({
uiLibrary: 'bootstrap4',
numberOfMonths: 2
});
</script>回答 1
Stack Overflow用户
回答已采纳
发布于 2019-12-12 09:24:13
为此，请使用max-date和min-date。
$("#start_date").datepicker({
onSelect: function(dateText, inst) {
var olddate = new Date($(this).val());
var newdate = new Date();
var numberOfDaysToAdd = 14;
newdate.setDate(olddate.getDate() + numberOfDaysToAdd);
$("#end_date").datepicker({
minDate: olddate,
maxDate: newdate
});
}
});<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script type="text/javascript" src="dist/jquery.daterangepicker.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<label for="start_date">Date From</label>
<input id="start_date" required="true" width="276"/>
<label for="end_date">Date To</label>
<input id="end_date" required="true" width="276"/>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59300426
复制相关文章
点击加载更多
相似问题
Laravel Cashier -使用条带id取消订阅
使用Laravel Cashier & Stripe开始无卡订阅
Laravel Cashier -单个用户的多个订阅
使用Laravel & cashier直接从Stripe检查stripe订阅状态
如何使用Laravel Cashier获取订阅今天到期的所有用户
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
