How do I format date in jQuery datetimepicker?

Question

I use jQuery datetimepicker which was extended from jQuery datepicker to pick not only date but time too.

I want to set date/time format this way: dd-mm-yyyy @ hh:mm

$('#timePicker').datetimepicker({   dateFormat: 'dd:mm:yyyy',   separator: ' @ ',   minDate: new Date() }); 

But this does not work. I get date/time in following format:

Thu Jan 27 2011 02:05:17 GMT+0100 

Is there any javascript function to format this date/time? If not how do I do that using the plugin? Check out my code: FIDDLE

Answer 1

Here you go.

$('#timePicker').datetimepicker({    // dateFormat: 'dd-mm-yy',    format:'DD/MM/YYYY HH:mm:ss',     minDate: getFormattedDate(new Date()) });  function getFormattedDate(date) {     var day = date.getDate();     var month = date.getMonth() + 1;     var year = date.getFullYear().toString().slice(2);     return day + '-' + month + '-' + year; } 

You need to pass datepicker() the date formatted correctly.

Answer 2

This works for me. Since it "extends" datepicker we can still use dateFormat:'dd/mm/yy'.

$(function() {     $('.jqueryui-marker-datepicker').datetimepicker({         showSecond: true,         dateFormat: 'dd/mm/yy',       timeFormat: 'hh:mm:ss',       stepHour: 2,       stepMinute: 10,       stepSecond: 10       }); });