How to format date with hours, minutes and seconds when using jQuery UI Datepicker?

javascript jquery datepicker jquery-ui-datepicker
NETCreator Hosting picture NETCreator Hosting · Jul 3, 2013 · Viewed 290.2k times · Source

Is it possible to format a date with jQuery UI Datepicker as to show hours, minutes and seconds?

This is my current mockup:

When I call .datepicker({ dateFormat: 'yyy-dd-mm HH:MM:ss' }) the returned value is:

201313-07-03 HH:July:ss

Here is a JSFiddle.

Answer

scel.pi picture scel.pi · Jul 3, 2013 
$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd ");

For the time picker, you should add timepicker to Datepicker, and it would be formatted with one equivalent command.

EDIT

Use this one that extend jQuery UI Datepicker. You can pick up both date and time.

http://trentrichardson.com/examples/timepicker/

Related questions

Jquery datepicker change event trigger and input's default change event

I have datepicker <input type='text' class='inp'> <script> $('.inp').datepicker(); $(".inp").on("change",function (){ console.log('inp changed'); }); </script> When I first change '.inp' manually type there a value, then immediately …

Read More
jQuery Datepicker for multiple inputs

I have a jQuery datepicker script: $(function() { $( "#datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" }); }); When I want to initialize this script for two inputs, it works only for the first one. How to use it for both inputs? <input type="text" name="…

Read More
jQuery date/time picker

I've been looking around for a decent jQuery plugin that can handle both dates and times. The core UI DatePicker is great, but unfortunately I need to be able to take time in as well. I've found a few hacks …

Read More