我如何在 datepicker jquery UI 上保存日期的值

Question

As asked before, i want to save the selected date on the datepicker in a value. So as recommended i did the following.

$( function() {
    var date_choisie = $("#calendrier").datepicker({ dateFormat: "yy-mm-dd" }).val();
    $( "#calendrier" ).datepicker('setDate', new Date());
    console.log(date_choisie);
} );

But nothing is appearing when i'm doing the console.log of currenDate, not even a warning or an error.

Any suggestions why? Thanks

Answer 1

You logic is not correct to get the date from datePicker - To get the date which is showing in the jQuery ui datepicker currently you can use native function of date-picker getDate

Once you have date you can format it using formatDate method to whatever you would like to save it as! It will be saved in the variable which can accessed for other things if required.

//get date in a variable
var date_choisie = $('#calendrier').datepicker('getDate');
var formatDate = $.datepicker.formatDate("yy-mm-dd", date_choisie);
console.log(formatDate); //2020-09-20

Live Working Demo:

 $(function() { $("#calendrier").datepicker({ dateFormat: "yy-mm-dd", }) //set date as current $("#calendrier").datepicker('setDate', new Date()); //get date in a varoable var date_choisie = $('#calendrier').datepicker('getDate'); var formatDate = $.datepicker.formatDate("yy-mm-dd", date_choisie); console.log(formatDate); //2020-09-20 });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <p>Date: <input type="text" id="calendrier"></p>