如何在Jquery ui datepicker中显示日期格式?

时间:2016-11-15 12:22:34

标签: javascript jquery jquery-ui jquery-ui-datepicker

当我选择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());
        }

    }
});

1 个答案:

答案 0 :(得分:1)

您只需要使用所需的格式更改dateFormat: 'MM/DD/YYYY h:mm A',

请检查this link以查看您可以为DATE设置哪些选项,以及{{3>}为TIME(格式标签)

要获得11/17/2016 5:51 PM,如果您使用的是bootstrap datetimepicker,则应使用以下内容:

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

如果您告诉我们您使用哪个库作为datetimepicker,我们可以为您提供更好的帮助。

编辑:请检查我为您做的 this one 。 (使用 Bootstrap DateTimePicker