如何在 Jquery ui 日期选择器中显示日期格式？

Question

当我selectjqueryui日期选择器。它不显示日期选择器。它显示为 November/Wednesday/YYYY h:11 A。但我想要 ex : 11/17/2016 5:51 PM。请帮助我。

 $('#start-date').datetimepicker({
    addSliderAccess: true,
    sliderAccessArgs: {touchonly: false},
    timeFormat: "h:mm TT",
    minDate: 0, 
    dateFormat: 'MM/DD/YYYY h:mm A',
    onSelect: function(date) {
        console.log('date :' + date);
        console.log('id :' + this.id);

        if (this.id == "start-date") {
            var endDate_picker = $("#end-date");
            var minDate = moment(date,"MM/DD/YYYY h:mm A");
            var endDate = moment(moment(minDate).toDate()).add('hours', 2);
            if ((endDate_picker.val() == "")||
                    (moment(endDate_picker.val(),"MM/DD/YYYY h:mm A").toDate()) < minDate.toDate()) {
                $(endDate_picker).datetimepicker("setDate", endDate.toDate());

                console.log('set date :' + endDate.toDate());
            }
            $(endDate_picker).datetimepicker("option", "minDate", minDate.toDate());
        }

    }
});

Answer 1

您只需将 dateFormat: 'MM/DD/YYYY h:mm A', 更改为您想要的格式即可。

请检查 this link to see which options you can set for the DATE, and this one 时间（格式选项卡）

要获得 11/17/2016 5:51 PM，如果您使用 bootstrap datetimepicker，您应该使用如下内容：

format: 'm/d/Y h:i A',

如果您告诉我们您将哪个库用于日期时间选择器，我们可以更好地帮助您。

编辑： 请检查 this JSFiddle 我为你做的。（使用 Bootstrap DateTimePicker）

如何在 Jquery ui 日期选择器中显示日期格式？

How to show a date format in Jquery ui datepicker?

javascript

jquery

jquery-ui

jquery-ui-datepicker