簡體   English   中英

2 Bootstrap Datepickers:如何更改最小和最大日期?

[英]2 Bootstrap Datepickers: How to change min and max dates?

我的網頁上有2個日期選擇器:一個是到達日期,另一個是出發時間。

現在,我想根據用戶選擇設置最小和最大日期。

我想要實現的2個示例:

  1. 用戶選擇2015年3月29日作為到達時間->出發的最短日期已相應設置。
  2. 用戶選擇2015年3月29日作為出發時間->相應地設置到達的最大日期。

目前,我正在初始化日期選擇器,如下所示:

        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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM