Bootstrap Datepicker重新初始化日期格式答案

【问题标题】：Bootstrap Datepicker re-initialize date formatBootstrap Datepicker重新初始化日期格式
【发布时间】：2014-01-31 11:34:18
【问题描述】：

我有默认格式 mm/dd/yyyy 的 Bootstrap 日期选择器，并且我选择了可以更改的位置格式从 mm/dd/yyyy 到 dd/mm/yyyy 并反转。

在选择更改时，我希望我的日期选择器更改格式。

我试过了

find('#options-date_format').on('change', function(){
    $("#picker").datepicker({format: formatDate})
});

但它不起作用，我找不到这样做的方法。还尝试删除/销毁 datepicker，但出现 javascript 错误。

【问题讨论】：

没试过，但听起来合乎逻辑：销毁并重新初始化。
您能在控制台中看到任何错误吗？
好像我用的是旧版本，所以我没有删除功能。

标签： javascript jquery date datepicker twitter-bootstrap-3

【解决方案1】：

我认为下面的方法是有效的，

1，无论何时更改格式，取消附加，然后重新附加回元素。

$("#dp3").datepicker();  // initialization
$('select').on('change', function () {
    var d = $('select option:selected').text();
    if (d == 2) {
        $("#dp3").datepicker('remove'); //detach
        $("#dp3").datepicker({          //re attach
            format: "dd/mm/yyyy"
        })
    } else {
        $("#dp3").datepicker('remove'); //detach
        $("#dp3").datepicker({          //re attach
            format: "mm/dd/yyyy"
        })
    }
});

JSFiddle

【讨论】：

【解决方案2】：

好的，我解决了这个扩展 bootstra-datepicker.js

setFormat: function(format) {
    this.format = DPGlobal.parseFormat(format);
}

然后调用那个函数

find('#options-date_format').on('change', function(){
    $("#picker").datepicker('setFormat', newFormat);
});

【讨论】：

你能更好地解释这个答案吗？我与所有的日期选择器争论不休，无法让他们中的任何一个进行格式更新。

【解决方案3】：

当您有许多日期选择器时，您可以使用一个类选择器并重置所有这些选择器，然后使用该类进行初始化。下面的代码示例。在示例中，所有输入元素都将具有类date-picker

function resetDatePickers(){
    $('.date-picker').each(function(index){
       $(this).datepicker('remove');
    });

    $('.date-picker').datepicker({
        format: "dd/mm/yyyy",
        startView: 2,
        orientation: "top auto"
    });
}


resetDatePickers();

【讨论】：