Get today's date with jQuery datepicker UI

Navigation
0

How can you get the current pre-selected date, with .datepicker () ?

This is the code I have so far: 

<script>
    $(function () {
        $.datepicker.setDefaults($.datepicker.regional["es"]);
        $("#datepicker").datepicker({
            dateFormat: 'dd/mm/yy',
            firstDay: 1
        });
    });
</script>

Select date: 

<input type="text" id="datepicker"/>
    
asked by EGR33 15.04.2016 в 21:28
source

2 answers

4

You just have to call the setDate method after initializing it: 

$("#datepicker").datepicker({
    dateFormat: 'dd/mm/yy',
    firstDay: 1
}).datepicker("setDate", new Date());

Here is an example: 

$(function () {
    $.datepicker.setDefaults($.datepicker.regional["es"]);
    $("#datepicker").datepicker({
        dateFormat: 'dd/mm/yy',
        firstDay: 1
    }).datepicker("setDate", new Date());
 });
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<div>
    <label for="datepicker">Selecciona Fecha:</label>
    <input type="text" id="datepicker"/>
</div>

And here another example assigning another date: 

$(function () {
    $.datepicker.setDefaults($.datepicker.regional["es"]);
    $("#datepicker").datepicker({
        dateFormat: 'dd/mm/yy',
        firstDay: 1
    }).datepicker("setDate", "19/09/2016");
 });
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<div>
    <label for="datepicker">Selecciona Fecha:</label>
    <input type="text" id="datepicker"/>
</div>
    
answered by 15.04.2016 в 21:45
0

In the example I use moment to know the current date.

Then it's just assigning the date using 

$("#datepicker").datepicker('setDate', now.format('DD/MM/YYYY'));

Here is the complete example 

$(function () {
  
  var now = moment();
  
  $.datepicker.setDefaults($.datepicker.regional["es"]);
  
  $("#datepicker").datepicker({
    dateFormat: 'dd/mm/yy'
  });
  
  $("#datepicker").datepicker('setDate', now.format('DD/MM/YYYY'));
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/>

Selecciona Fecha:&nbsp;&nbsp;
<input type="text" id="datepicker"/>
    
answered by 15.04.2016 в 21:52
Convert an array of bytes into an image with JavaScript Display an insert message without flash sessions in laravel 5.2 with restfull drivers