How to get the date from jQuery UI datepicker

Question

I want to get the date from datepicker whenever user choose the date in jQuery UI datepicker and click the button on the form   well I need to get the day  month and year of the date they choose  How  can I get the date form jQuery UI

User · Answer

You can retrieve the date by using the getDate function:

$("#datepicker").datepicker( 'getDate' );

The value is returned as a JavaScript Date object.

If you want to use this value when the user selects a date, you can use the onSelect event:

$("#datepicker").datepicker({
   onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
   }
});

The first parameter is in this case the selected Date as String. Use parseDate to convert it to a JS Date Object.

See http://docs.jquery.com/UI/Datepicker for the full jQuery UI DatePicker reference.

User · Answer

I just made some web scraping to discover the behaviour of JequeryUI datepicker  it was necessary for me because I m not familiar with JS object so  var month      quot  ui-datepicker-current-day quot   attr  quot data-month quot    var year      quot  ui-datepicker-current-day quot   attr  quot data-year quot    var day      quot  ui-state-active quot   text     it just pick the value in relation of the changing of class  so you can implement the onchange event    document  on  change     datepicker   function          var month      quot  ui-datepicker-current-day quot   attr  quot data-month quot        var year      quot  ui-datepicker-current-day quot   attr  quot data-year quot        var day     quot  ui-state-active quot   text          quot  chosenday quot   text  day    quot   quot    month     quot   quot    year                                    or check if the current day is selected     if     quot a quot   hasClass  quot ui-state-active quot            var month      quot  ui-datepicker-current-day quot   attr  quot data-month quot         var year      quot  ui-datepicker-current-day quot   attr  quot data-year quot         var day     quot  ui-state-active quot   text            quot  chosenday quot   text  day    quot   quot    month     quot   quot    year

User · Answer

Try this  works like charm  gives the date you have selected  onsubmit form try to get this value -  var date       scheduleDate   datepicker   dateFormat   dd MM yyyy     val      Reference here

User · Answer

the link to getdate  https   api jqueryui com datepicker  method-getDate      datepicker   datepicker   getDate

User · Answer

Use  var jsDate       your datepicker id   datepicker  getDate    if  jsDate     null       if any date selected in datepicker     jsDate instanceof Date     - gt  true     jsDate getDate        jsDate getMonth        jsDate getFullYear

User · Answer

NamingException s answer worked for me  Except I used  var date       date   dtpicker   dateFormat   dd MM yyyy     val    datepicker didn t work but dtpicker did

User · Answer

Sometimes a lot of troubles with it  In attribute value of datapicker data is 28-06-2014  but datepicker is show or today or nothing  I decided it in a such way    lt input type  text  class  form-control datepicker  data-value   lt    date  d-m-Y      event- gt date   time      event- gt date     gt   value   lt    date  d-m-Y      event- gt date   time      event- gt date     gt     gt    I added to the input of datapicker attribute data-value  because if call jQuery this  val   OR jQuery this  attr  value   - nothing works  I decided init in cycle each datapicker and take its value from attribute data-value       form  datepicker   each function             var time   jQuery this  data  value            time   time split  -              this  datepicker  setDate   new Date time 2   time 1   time 0   0  0  0              and it is works fine

[javascript] How to get the date from jQuery UI datepicker

Examples related to javascript

Examples related to jquery

Examples related to jquery-ui