BootstrapDatePicker 默认显示日期和时区答案

【问题标题】：BootstrapDatePicker displaying by default date day and timezoneBootstrapDatePicker 默认显示日期和时区
【发布时间】：2016-06-21 20:45:32
【问题描述】：

当我从 BootstrapDatePicker 中选择日期时，我只需要日期 (mm/dd/yy)。

但它显示的是一整天、日期、时间，例如

Tue May 31 2016 00:00:00 GMT-0500 (Central Daylight Time)

【问题讨论】：

你能发布一些代码吗？您使用的是什么技术，只是直接的 HTML 还是有更多？ Asking good questions

标签： twitter-bootstrap datepicker

【解决方案1】：

修改选项：

$('.datepicker').datepicker({
format: 'mm/dd/yyyy',
});

https://bootstrap-datepicker.readthedocs.io/en/latest/options.html

【讨论】：

你修改了选项。即使这样它的显示方式也一样

【解决方案2】：

我不知道我的旧代码有什么问题。它显示一整天、日期、时间，例如2016 年 5 月 31 日星期二 00:00:00 GMT-0500（中部夏令时间）在我的旧版本中。

旧代码：

ko.bindingHandlers.datepicker = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        var options = allBindingsAccessor().dateTimePickerOptions || { locale: 'da', format: 'DD-MM-YYYY' };
        $(element).datetimepicker(options);
        var options = allBindingsAccessor().datepickerOptions || {

                 autoclose: true,
                 format: 'mm/dd/yy',
                 orientation: 'bottom auto',


        };

        $(element).datepicker(options).on("changeDate", function (ev) {
            var observable = valueAccessor();
            observable(ev.date);
        });
    },

    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        $(element).datepicker("setValue", value);
        $(element).datepicker("hide");
    }



};

我的新代码：

   ko.bindingHandlers.datepicker = 
{
    init: function (element, valueAccessor, allBindings) {
        //initialize datepicker with some optional options
        var options = allBindings.get('datepickerOptions') ||
            {
                autoclose: true,
                orientation: 'bottom auto',
                format: 'mm-dd-yyyy'
        };
        $(element).datepicker(options);

        //when a user changes the date, update the view model
        ko.utils.registerEventHandler(element, "changeDate", function (event) {
            var value = valueAccessor();
            if (ko.isObservable(value)) {
                value(event.date);
            }
        });

        //disposal logic
        ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            $(element).datepicker("remove");
        });
    },
    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        $(element).datepicker('update', value);
    }
};

我的新代码有效 :) 感谢您的建议。

【讨论】：