[英]How to set Datepicker bootstrap
我想為項目創建一個輸入日期。 在這里,我使用引導程序中的datepicker。
這是我的代碼:
<input class="form-control tanggal" id="date" autocomplete="off" name="date_start" placeholder="YYYY-MM-DD" type="text" readonly="" required="">
<input class="form-control tanggal" autocomplete="off" id="date_end" name="date_end" placeholder="YYYY-MM-DD" type="text" readonly="" required="required">
這是我的javascript:
<script>
$(document).ready(function(){
var date_input=$('input[name="date_start"]'); //our date input has the name "date"
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
var currentdate = new Date();
currentdate.setDate(currentdate.getDate() + 1);
var tomorrow = currentdate.toJSON().slice(0,10);
date_input.datepicker({
format: 'yyyy-mm-dd',
container: container,
todayHighlight: true,
autoclose: true,
startDate: tomorrow
})
})
$(document).ready(function(){
var date_input=$('input[name="date_end"]'); //our date input has the name "date"
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
var currentdate = new Date();
currentdate.setDate(currentdate.getDate() + 1);
var tomorrow = currentdate.toJSON().slice(0,10);
date_input.datepicker({
format: 'yyyy-mm-dd',
container: container,
todayHighlight: true,
autoclose: true,
startDate: tomorrow
})
})
</script>
我的問題是如何設置date_end是從date_start之后的+1 day
開始,並且不能選擇小於date_start的日期 ? 有一些給我解決方案嗎?
我應該添加什么代碼? 使它像我想要的那樣工作?
@亞當·普羅霍
我已經檢查了您的提琴並實現了以下代碼,它可以正常工作。 請提供id="start_date"
為DATE_START和id="end_date"
為DATE_END。 請看一看
$(document).ready(function(){
$("#start_date").datepicker({
todayBtn: 1,
autoclose: true,
}).on('changeDate', function (selected) {
var minDate = new Date(selected.date.valueOf());
minDate.setDate(minDate.getDate()+1);
$('#end_date').datepicker('setStartDate', minDate);
});
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.