繁体   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