Question

我的意思是这个Datepicker：

https://uxsolutions.github.io/bootstrap-datepicker/

HTML：

<div id="sandbox-container">
    <label for="date_start">Fecha de inicio</label>
    <input type="text" class="form-control">
    <label for="date_end">Fecha de termino</label>
    <input type="text" class="form-control">
</div>

JavaScript：

$('#sandbox-container input').datepicker({});

更具体地讲，我的意思是如何将选择限制为总共1个月的1个月，1-X周或X天，但选择时间不能超过1个月。

示例：

好
1. 2019年3月1日至 2019年3月31日
2. 2019年3月1日至 2019年3月1日
3. 2019年3月1日至 2019年3月20日
坏
1. 2019年3月1日至 2019年4月19日
2. 2019年3月1日至 2020年3月1日
3. 2019年2月1日至 2019年3月1日

Answer 1

我无法对此进行测试，但根据documentation和option来看，它看起来像这样

HTML：

<div id="sandbox-container" class='start'>
    <label for="date_start">Fecha de inicio</label>
    <input type="text" class="form-control">
</div>
<div id="sandbox-container" class='end'>
    <label for="date_end">Fecha de termino</label>
    <input type="text" class="form-control">
</div>

脚本：

$('.start').datepicker();
$('.end').datepicker();
$(".start").on("dp.change", function (e) {
    var startDate = e.date
    var split = startDate.split("-");
    var maxDate = (split[0] + "-31-" + split[2])
    $('.end').data("DatePicker").maxDate(maxDate);
});

根据您这样的日期格式：MM-DD-YYYY
希望这会有所帮助

我如何使用bootstrap-datepicker sanbox限制1个月内的日期选择？

1 个答案: