CODEWITHSUNDEEP
jquerydatepickerjquery-ui-datepicker
omkar
omkar

Reputation: 67

jQuery Date picker - Set current date

HTML

<input type="text" id="datepicker">

javaScript

<script>
$( function() {
    $( "#datepicker" ).datepicker({
    dateFormat: 'mm-dd-yy',
    minDate: "today",
    maxDate: "+30d",
    setDate: "+1d"
  });
});
</script>

The response :

enter image description here

The response expected with current date selected :

enter image description here

Upvotes: 1

Views: 3078

Answers (2)

Sekhar Sekhar
Sekhar Sekhar

Reputation: 1

$(function() {
  $("#datepicker").datepicker({
    dateFormat: 'dd-mm-yy',
    minDate: "today",
    maxDate: "+30d",
  });
  $("#datepicker").datepicker("setDate", "1");
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0-rc.2/jquery-ui.min.js"></script>

<input type="text" id="datepicker">

Upvotes: 0

4b0
4b0

Reputation: 22323

setDate is your friend. "setDate", "0" is todays date. You can increase and decrease number as per needed.

$("#datepicker").datepicker("setDate", "1");

Example:

$(function() {
  $("#datepicker").datepicker({
    dateFormat: 'mm-dd-yy',
    minDate: "today",
    maxDate: "+30d",
  });
  $("#datepicker").datepicker("setDate", "1");
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0-rc.2/jquery-ui.min.js"></script>

<input type="text" id="datepicker">

Upvotes: 1

Related Questions