如何在 Jquery ui datepicker 中显示日期格式？答案

【问题标题】：How to show a date format in Jquery ui datepicker?如何在 Jquery ui datepicker 中显示日期格式？
【发布时间】：2016-11-15 12:22:34
【问题描述】：

当我选择 jquery ui datepicker.它不显示日期选择器。它显示为 11 月/星期三/YYYY h:11 A. 但我想要前：2016 年 11 月 17 日下午 5:51。请帮帮我。

 $('#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());
        }

    }
});

【问题讨论】：

标签： javascript jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

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

请检查 this link 以查看您可以为 DATE 设置哪些选项，以及 this one 为 TIME 设置哪些选项（格式选项卡）

要获得 2016 年 11 月 17 日下午 5:51，如果您使用引导程序 datetimepicker，您应该使用以下内容：

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

如果您告诉我们您将哪个库用于 datetimepicker，我们可以为您提供更好的帮助。

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

【讨论】：

我改了。我只得到 2016 年 11 月 17 日的日期。但我没有时间和下午或上午？请帮帮我。
我已经编辑了我的帖子，请尝试一下
弃用警告：moment().add(period, number) 已弃用。请使用 moment().add(number, period)。
我在浏览器控制台中收到警告。
您将该日期选择器仅设置为 $('#start-date') （这意味着您的元素具有 id="start-date"）。只需添加一个逗号和另一个，或使用一个通用类 - 例如“.isDatepicker”。所以你可以使用 $('#start-date, #end-date').datetimepicker(...) 但记得在 onSelect 函数中修改这个块： if (this.id == "start-date") { ... } 添加：else if (this.id == "end-date") { ... }