[英]2 Bootstrap Datepickers: How to change min and max dates?
我的網頁上有2個日期選擇器:一個是到達日期,另一個是出發時間。
現在,我想根據用戶選擇設置最小和最大日期。
我想要實現的2個示例:
目前,我正在初始化日期選擇器,如下所示:
var startDate = "<?php echo date('d.m.Y'); ?>"; // Today
$('#startDate.input-group.date').datepicker({
format: "dd.mm.yyyy",
language: "de",
multidate: false,
todayHighlight: true,
startDate: startDate,
weekStart: 1
}).on('changeDate', function(e){
changeDate(e);
});
$('#endDate.input-group.date').datepicker({
format: "dd.mm.yyyy",
language: "de",
multidate: false,
todayHighlight: true,
startDate: startDate,
weekStart: 1
});
您會注意到第一個日期選擇器上的.on()函數。 這是我當前嘗試設置第二個日期的嘗試:
function changeDate(e){
$('#endDate.input-group.date').datepicker('setStartDate', e);
}
但是,這給我帶來以下錯誤:
Uncaught TypeError:未定義不是函數:bootstrap-datepicker.js:1493
有問題的行是這樣的:
parts = date.match(/([\-+]\d+)([dmwy])/g)
能否請您提示我做錯了什么以及如何達到上述效果?
如果console.log像這樣更改:
.on('changeDate', function(e){
console.log(e);
});
您將看到事件返回一個事件對象; 您應該嘗試傳遞類似e.date之類的東西(但請確保將字符串格式化為與startDate格式相對應的格式)。
以下是有關附加到事件對象的其他數據的更多信息: http : //bootstrap-datepicker.readthedocs.org/en/latest/events.html
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.