Jquery UI date-picker Set default date

Question

I used jQuery UI for datepicker. I want to show the current date in the default field, the following is my code, please help

<script> $(function() { $( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-yy', currentText: "Now" }); $( "#datepicker2" ).datepicker({ dateFormat: 'dd-mm-yy', currentText: "Now" }); }); </script> From Date: <input type='text' id='datepicker' name='date_from' /> To Date: <input type='text' id='datepicker2' name='date_to' /> 

But I can not set the default date

Answer 1

Try this code.

 <script> $(function() { $( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-yy' }).val(getTodaysDate(0)); // For current date $( "#datepicker2" ).datepicker({ dateFormat: 'dd-mm-yy', }).val(getTodaysDate(1)); // For previous month date }); function getTodaysDate (val) { var t = new Date, day, month, year = t.getFullYear(); if (t.getDate() < 10) { day = "0" + t.getDate(); } else { day = t.getDate(); } if ((t.getMonth() + 1) < 10) { month = "0" + (t.getMonth() + 1 - val); } else { month = t.getMonth() + 1 - val; } return (day + '/' + month + '/' + year); } </script> 

Answer 2

you can use setDate

 $("#datepicker").datepicker("setDate", (new Date())); 

Answer 3

Another way to do this:

 $( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-yy', defaultDate: new Date() }); 

Answer 4

You can set a value like this.

 $("#datepicker").val() = 'some value'; 

Write a condition if there is no value used above, or use its value.