如何在 jQuery 中以 12 小时格式设置 datetimepicker

Question

My datetimepicker's dropdown is displaying the date in yyyy/mm/dd format and time in 12 hours format. The problem is when I select a date and a time, the time gets displayed in 24 hours format. Whereas I wanted the time to be displayed in 12 hours format.

Here is my code:

$('#datetimepicker').datetimepicker({
    dayOfWeekStart: 1,
    lang: 'en',
    formatTime: 'h:i a',            
    step: 05
});

Answer 1

I have figured this out. Kaushal Shah was close, but the output into the textbox was not showing in 12 hour format with his solution. You need to add the formatTime part as well as the format part, seen below.

$('#datetimepicker').datetimepicker({
    dayOfWeekStart: 1,
    format: 'g:i a'
    lang: 'en',
    formatTime: 'g:i a',            
    step: 05
});

The solution I needed also contained more date information in the format section, so it looked more like this:

$('#datetimepicker').datetimepicker({
    format: 'D M-d-Y g:i a',
    formatTime: 'g:i a',
    lang: 'en',
    step: 15
});

Answer 2

http://xdsoft.net/jqplugins/datetimepicker/

• hours12: true

Should be a usefull link.

Hope this helps you!

Answer 3

Correct Code is:

$('#datetimepicker').datetimepicker({
    dayOfWeekStart: 1,
    lang: 'en',
    formatTime: 'g:i a',            
    step: 05
});

Or you can also try this: 'datetimepicker.CustomFormat = "HH:mm:ss tt";'

Answer 4

Works!

$('#datetimepicker').datetimepicker({
    formatTime: "hh:mm A",            
    step: 60
});