example - Jquery DatePicker Establecer fecha predeterminada

jquery ui autocomplete download

Question

Tengo dos campos de fecha donde utilizo DatePicker para elegir las fechas.

Para el primer campo de fecha, quiero la fecha de hoy como la fecha predeterminada.
Para el segundo campo de fecha, necesito today + 15 días como mi fecha predeterminada

jQuery

$("[name=trainingStartFromDate]").datepicker({ dateFormat: ''dd-mm-yy'', changeYear: true});
$("[name=trainingStartToDate]").datepicker({ dateFormat: ''dd-mm-yy'', changeYear: true});

¿Cómo configuro las fechas predeterminadas?

He intentado setDate: new Date() para la primera fecha, pero no está funcionando.

Answer 1

Código para mostrar la fecha actual en la entrada del elemento o datepicker con ID = "mydate"

No olvides agregar una referencia a jquery-ui - *. Js

 $(document).ready(function () {
var dateNewFormat, onlyDate, today = new Date();
dateNewFormat = today.getFullYear() + ''-'' + (today.getMonth() + 1);
onlyDate = today.getDate();
if (onlyDate.toString().length == 2) {
dateNewFormat += ''-'' + onlyDate;
}
else {
dateNewFormat += ''-0'' + onlyDate;
}
$(''#mydate'').val(dateNewFormat);
});

Answer 2

Fecha de hoy:

$( ".selector" ).datepicker( "setDate", new Date());
// Or on the init
$( ".selector" ).datepicker({ defaultDate: new Date() });

15 días a partir de hoy:

$( ".selector" ).datepicker( "setDate", 15);
// Or on the init
$( ".selector" ).datepicker({ defaultDate: 15 });

jQuery ui docs

Answer 3

Para crear el datepicker y establecer la fecha.

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

Answer 4

Para la fecha de hoy

$(document).ready(function() {
$(''#textboxname'').datepicker();
$(''#textboxname'').datepicker(''setDate'', ''today'');});

Answer 5

Primero necesitas obtener la fecha actual

var currentDate = new Date();

Luego debe colocarlo en los argumentos de datepicker como se indica a continuación

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

Verifique el siguiente jsfiddle .

Answer 6

usar defaultDate ()

Establezca la fecha para resaltar en la primera apertura si el campo está en blanco. Especifique una fecha real mediante un objeto Date o una cadena en la [[UI / Datepicker # option-dateFormat | dateFormat]] actual, o una cantidad de días a partir de hoy (p. Ej., +7) o una cadena de valores y períodos ( ''y'' por años, ''m'' por meses, ''w'' por semanas, ''d'' por días, p. ej. ''+ 1m + 7d''), o nulo por hoy.

prueba esto

$("[name=trainingStartFromDate]").datepicker({ dateFormat: ''dd-mm-yy'', changeYear: true,defaultDate: new Date()});
$("[name=trainingStartToDate]").datepicker({ dateFormat: ''dd-mm-yy'', changeYear: true,defaultDate: +15});

Answer 7

<script type="text/javascript">
$(document).ready(function () {
$("#txtDate").datepicker({ dateFormat: ''yy/mm/dd'' }).datepicker("setDate", "0");
$("#txtDate2").datepicker({ dateFormat: ''yy/mm/dd'', }).datepicker("setDate", new Date().getDay+15); }); </script>