-2

Anyone here how do I display today's date in jquery datepicker? Tried these but it doesn't display today's date in datepicker.

$('#from').datepicker({ 
    defaultDate: new Date(), 
    dateFormat: 'yy-mm-dd', 
    onSelect: function () { 
       table.draw(); 
    }, 
    changeMonth: true, 
    changeYear: true 
});

$('#to').datepicker({ 
    defaultDate: new Date(), 
    dateFormat: 'yy-mm-dd', 
    onSelect: function () { 
       table.draw(); 
    }, 
    changeMonth: true, 
    changeYear: true 
});
J.Wujeck
  • 280
  • 4
  • 16
  • 1
    fill default date value in input directly. or try `setDate` – Devsi Odedra Jan 08 '21 at 09:18
  • `defaultDate:` - *Set the date to highlight on first opening if the field is blank* .. *or null for today*. https://api.jqueryui.com/datepicker/#option-defaultDate – freedomn-m Jan 08 '21 at 09:20

2 Answers2

1

You can use setDate like below.

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


$('#from').datepicker({
  defaultDate: new Date(),
  dateFormat: 'yy-mm-dd',
  onSelect: function() {
    //table.draw();
  },
  changeMonth: true,
  changeYear: true
});
$("#from").datepicker().datepicker("setDate", new Date());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<input type="text" id="from" />
4b0
  • 21,981
  • 30
  • 95
  • 142
0

You can set the default date via

$( ".selector" ).datepicker( "setDate", "10/12/2012" );

see: https://api.jqueryui.com/datepicker/#method-setDate

jcccoquia
  • 1
  • 3