Question

当我从BootstrapDatePicker选择日期时，我只需要日期（mm / dd / yy）。

但它显示了整天，日期，时间等。

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

Answer 1

修改选项：

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

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

Answer 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);
    }
};

我的新代码工作了:) 谢谢你的建议。

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

2 个答案: