2 回答

TA貢獻1806條經驗 獲得超8個贊
你可以使用minDate并maxDate喜歡這個
minDate: moment("01/04/2019"),
maxDate: moment("31/03/2020"),

TA貢獻1816條經驗 獲得超4個贊
如果您不介意yy/mm/dd在輸入中使用日期格式,則可以這樣嘗試:
<script>
<?php
$start_date = $this->session->userdata('start_date'); // example output : '2019-04-01'
$end_date = $this->session->userdata('end_date'); // example output : '2020-03-31'
?>
$(document).ready(function() {
var start_date = "<?php echo date("Y/m/d", strtotime($start_date)); ?>";
var end_date = "<?php echo date("Y/m/d", strtotime($end_date)); ?>";
var date = new Date();
var today = date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate(); // month is 0 based index, so it have to be +1 to get current month, example output : '2019-09-07'
$('#from_date_bk').datepicker({
uiLibrary: 'bootstrap4',
dateFormat: 'yy/mm/dd',
todayHighlight: true,
autoclose: true,
minDate: start_date,
maxDate: end_date,
onClose: function(selectedDate) {
if (selectedDate) {
$("#to_date_bk").datepicker("option", "minDate", selectedDate);
}
}
});
$('#to_date_bk').datepicker({
uiLibrary: 'bootstrap4',
dateFormat: 'yy/mm/dd',
todayHighlight: true,
autoclose: true,
minDate: start_date,
maxDate: end_date,
onClose: function(selectedDate) {
if (selectedDate) {
$("#from_date_bk").datepicker("option", "maxDate", selectedDate);
}
}
});
$('#to_date_bk').datepicker('setDate', today);
});
</script>
這將設置:
兩個輸入:一個范圍從
$start_date
作為起始范圍提供$end_date
,默認為結束范圍。#from_date_bk
input :填充了從$start_date
到#to_date_bk
之后的范圍#to_date_bk
。#to_date_bk
input :填充了從#from_date_bk
到$end_date
之后的范圍#from_date_bk
。
我已經添加了if
條件,onClose
因此如果所選日期為空,它不會設置相反的日期選擇器規則。
- 2 回答
- 0 關注
- 170 瀏覽
添加回答
舉報