get selected value in datePicker and format it

Question

In the datePicker selected 20 04 2012  I want to get this value  format it and store in a variable  I uses this code   var date       scheduleDate   datepicker   dateFormat   dd MM yyyy     val      But result is 20 04 2012  Also  I tryed this code   var dateTypeVar       scheduleDate   datepicker  getDate      datepicker formatDate  dd-MM-yy   dateTypeVar     Result is Fri Apr 20 2012 00 00 00 GMT 0600   I want to get the following  20  April  2012 How to format properly  Thanks

User · Accepted Answer

If you want to take the formatted value of input do this :

$("input").datepicker({ dateFormat: 'dd, mm, yy' });

later in your code when the date is set you could get it by

dateVariable = $("input").val();

If you want just to take a formatted value with datepicker you might want to use the utility

dateString = $.datepicker.formatDate('dd, MM, yy', new Date("20 April 2012"));

I've updated the jsfiddle for experimenting with this

User · Answer

var dateObject       datePickerInput   datepicker  getDate      datepicker formatDate  dd MM  yy   dateObject

User · Answer

Use jquery-dateFormat  It will solve your problem   You need to include the jquery dateFormat in your html file    lt script gt  var date       scheduleDate   val    document write   format date date   dd MM yyyy      var dateTypeVar       scheduleDate   datepicker  getDate    document write   format date dateTypeVar   dd-MM-yy      lt  script gt

User · Answer

scheduleDate   datepicker   dateFormat    dd  MM  yy      var dateFormat       scheduleDate   datepicker  option    dd  MM  yy         scheduleDate   datepicker  option    dateFormat    dd  MM  yy     var result       scheduleDate   val     alert  result      result     result  20  April  2012

[jquery] get selected value in datePicker and format it

If you want to take the formatted value of input do this :

If you want just to take a formatted value with datepicker you might want to use the utility

Examples related to jquery

Examples related to jquery-ui

Examples related to datepicker