javascript - 如何在 Jquery ui datepicker 中显示日期格式？

Question

当我选择 jquery ui datepicker 时。它不显示日期选择器。它显示为 11 月/星期三/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查看可以为 DATE 设置哪些选项，以及 this one对于时间(格式选项卡)

要获取 11/17/2016 5:51 PM，如果您使用引导日期时间选择器，则应该使用如下所示的内容:

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

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

编辑:请检查this JSFiddle 我为你做的。 (使用Bootstrap DateTimePicker)