¿Cómo relleno previamente un cuadro de texto jQuery Datepicker con la fecha de hoy?

Tengo un calendario jQuery Datepicker muy simple:

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
});

y por supuesto en el HTML ...

<input type="text" size="10" value="" id="date_pretty"/>

La fecha de hoy está bien resaltada para el usuario cuando abre el calendario, pero ¿cómo hago para que jQuery rellene previamente el cuadro de texto con la fecha de hoy en la carga de la página, sin que el usuario haga nada? El 99% de las veces, la fecha predeterminada de hoy será lo que quieran.

Actualización: hay informes de que esto ya no funciona en Chrome.

Esto es conciso y hace el trabajo (obsoleto):

$(".date-pick").datepicker('setDate', new Date());

Esto es menos conciso, el uso de encadenamiento le permite trabajar en Chrome (2019-06-04):

$(".date-pick").datepicker().datepicker('setDate', new Date());

Primero debe llamar a datepicker ()> luego usar 'setDate' para obtener la fecha actual.

$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());

O encadene su llamada al método setDate después de la inicialización de su selector de fecha, como se señala en un comentario sobre esta respuesta

$('.date-pick').datepicker({ /* optional option parameters... */ })
               .datepicker("setDate", new Date());

Será NO trabajar con sólo

$(".date-pick").datepicker("setDate", new Date());

NOTA : los parámetros aceptables de setDate se describen aquí

var myDate = new Date();
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' +
        myDate.getFullYear();
$("#date_pretty").val(prettyDate);

parecía funcionar, pero podría haber una mejor manera de salir ...

El setDate()método establece la fecha y actualiza el control asociado. Aquí es cómo:

$("#datepicker1").datepicker({
    dateFormat: "yy-mm-dd"
}).datepicker("setDate", "0");

Manifestación

Como se menciona en la documentación, setDate()acepta felizmente el objeto, el número o una cadena de fecha de JavaScript:

La nueva fecha puede ser un objeto Fecha o una cadena en el formato de fecha actual (por ejemplo, '01 / 26/2009 '), varios días a partir de hoy (por ejemplo, +7) o una cadena de valores y períodos (' y 'para años, 'm' para meses, 'w' para semanas, 'd' para días, por ejemplo, '+ 1m + 7d'), o nulo para borrar la fecha seleccionada.

En caso de que se pregunte, establecer la defaultDatepropiedad en el constructor no actualiza el control asociado.

Establecido para hoy :

$('#date_pretty').datepicker('setDate', '+0');

Establecido para ayer :

$('#date_pretty').datepicker('setDate', '-1');

Y así sucesivamente con cualquier número de días antes o después de la fecha de hoy .

Ver jQuery UI ›Métodos› setDate .

La solucion es:

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
    var myDate = new Date();
    var month = myDate.getMonth() + 1;
    var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
    $("#date_pretty").val(prettyDate);
});

Gracias grayghost!

Este me funcionó.

$('#inputName')
  .datepicker()
  .datepicker('setDate', new Date());

Este código asegurará usar el formato de su selector de fechas:

$('#date-selector').datepicker('setDate', new Date());

No es necesario volver a aplicar el formato, utiliza el selector de fecha predefinido por usted en la inicialización del selector de fecha (si lo ha asignado);)

El código de David K ​​Egghead funcionó perfectamente, ¡gracias!

$(".date-pick").datepicker(); 
$(".date-pick").datepicker("setDate", new Date()); 

También logré recortarlo un poco y también funcionó:

$(".date-pick").datepicker().datepicker("setDate", new Date()); 

$('input[name*="date"]').datepicker({
        dateFormat: 'dd-mm-yy',
        changeMonth: true,
        changeYear: true,
        beforeShow: function(input, instance) { 
            $(input).datepicker('setDate', new Date());
        }
    });

Para establecer el selector de fecha en un cierto tiempo predeterminado (la fecha actual en mi caso) al cargar, Y luego tener la opción de elegir otra fecha, la sintaxis es:

    $(function() { 
        // initialize the datapicker
        $("#date").datepicker();

        // set the time
        var currentDate = new Date();
        $("#date").datepicker("setDate",currentDate);

    //  set the options for the button  
        $("#date").datepicker("option",{
            dateFormat: 'dd/mm',
            showOn: "button",
          // whatever option Or event you want 
        });
  });

Para rellenar previamente la fecha, primero debe inicializar datepicker, luego pasar el valor del parámetro setDate.

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

Solo pensé en agregar mis dos centavos. El selector se está utilizando en un formulario de agregar / actualizar, por lo que necesitaba mostrar la fecha proveniente de la base de datos si edita un registro existente, o mostrar la fecha de hoy si no. A continuación está funcionando bien para mí:

    $( "#datepicker" ).datepicker();
    <?php if (!empty($oneEVENT['start_ts'])): ?>
       $( "#datepicker" ).datepicker( "setDate", "<?php echo $startDATE; ?>" );
    <? else: ?>
       $("#datepicker").datepicker('setDate', new Date());   
    <?php endif; ?>
  });

Tienes 2 opciones:

OPCIÓN A) Marca como "activo" en su calendario, solo cuando hace clic en la entrada.

Js :

$('input.datepicker').datepicker(
                        {   
                            changeMonth: false,
                            changeYear: false,
                            beforeShow: function(input, instance) { 
                                $(input).datepicker('setDate', new Date());
                            }
                        }                         
                     );

Css :

div.ui-datepicker table.ui-datepicker-calendar .ui-state-active,
        div.ui-datepicker table.ui-datepicker-calendar .ui-widget-content .ui-state-active  {
            background: #1ABC9C;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            width: 24px; height: 24px;
        }​

OPCIÓN B) Entrada por defecto con hoy. Primero debe completar el selector de fechas.

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

var prettyDate = $.datepicker.formatDate('dd-M-yy', new Date());
alert(prettyDate);

Asigne el prettyDate al control necesario.

Prueba esto

$(this).datepicker("destroy").datepicker({
            changeMonth: false, changeYear: false,defaultDate:new Date(), dateFormat: "dd-mm-yy",  showOn: "focus", yearRange: "-5:+10"
        }).focus();

Esto funciona mejor para mí, ya que a veces tengo problemas para llamar, .datepicker('setDate', new Date());ya que no funciona si tengo el selector de fecha ya configurado con parámetros.

$("#myDateText").val(moment(new Date()).format('DD/MM/YYYY'));

Utilizar este:

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

Para obtener la fecha en formato, por ejemplo: 10-Oct-2019, que será más comprensible para los usuarios.

$(function()
{
$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
});

Fuente: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDefaultToday.html