如何重新初始化引导日期选择器？答案

【问题标题】：How can I reinitialize a bootstrap datepicker?如何重新初始化引导日期选择器？
【发布时间】：2015-02-02 12:16:49
【问题描述】：

加载时初始化引导日期选择器。 在页面加载后并且日期选择器已经初始化后，如何更改该日期选择器的选项？

请参阅此处以获取示例 http://jsfiddle.net/Leoqs1xg/

weekStart 最初设置为 4（星期四）

$('#mydate').datepicker({weekStart: 4});

但是如果我把它改成别的东西

$('#mydate').datepicker({weekStart: 1});

weekStart 仍然是 4。

【问题讨论】：

Bootstrap Datepicker re-initialize date format的可能重复

标签： javascript jquery twitter-bootstrap datepicker

【解决方案1】：

现在有一个方法destroy 可用。

我会这样做：

$('#sv_pickup_date').datepicker('destroy').datepicker({
    format: 'dd/mm/yyyy'
    , autoclose: true
    , startDate: '20/08/2018'
    , endDate: '24/08/2018'
});

您也可以选择使用clearDates 方法。

像这样，您可以为引导日期选择器定义自己的reinitialize 方法。

【讨论】：

对我来说很好

【解决方案2】：

没有重新初始化。但是，如果您以编程方式更新输入的值，例如代码的另一部分，并希望在打开选择器时看到更改，您可以使用 setDate 来读取新值。

// var mynewdate = your-converted-to-date-string;
$('.datepicker').datepicker('setDate', mynewdate);

【讨论】：

【解决方案3】：

我在当前项目中遇到了同样的障碍，在更改下拉菜单时，我重新创建并重新检查可用日期。所以为了这个目的，我需要发送 ajax 新的启用日期。 @strapro 走在正确的轨道上。

if (called_from_type_of_retreat == 'IGR') {
    var myMinDateToday = getTodaysDate();
    var enabledDatesArrayIGR = '';
    $('#arrival_date_div_IGR').datetimepicker();
    /*Ajax call for IGR*/
    $.ajax({
        type: "get",
        url: "getAjaxAvailableDatesIGR",
        data: {
        "todays_date": myMinDateToday
        },
        dataType: "json",
        success: function(data) {
            /*Assign array which is returned as Json*/
            enabledDatesArrayIGR = data.availableDatesArray;
            /* DateTime Pickers */
            $('#arrival_date_div_IGR').datetimepicker('destroy');
            $('#arrival_date_div_IGR').datetimepicker({
                format: "DD.MM.YYYY",
                ignoreReadonly: true,
                enabledDates: enabledDatesArrayIGR
            });
        },
        error: function(xhr, status, errorThrown) {
            console.log(xhr.responseText);
        }
    });
}

注意datetimepicker第4行的原始初始化。

然后在 Ajax 调用中，我销毁 datetimepicker 的 datetimepicker（第 17 行）并设置我的设置行（18-22）。

我的eonasdan bootstrap datetimepicker 版本是：4.17.45

【讨论】：

datetimepicker('destroy') ，对我有用，重新初始化 datetimepicker....谢谢。

【解决方案4】：

我认为您需要删除并重新初始化对象

【讨论】：

谢谢！这就是我要找的东西！