我如何预填充一个jQuery Datepicker文本框与今天的日期?

我有一个非常简单的jQuery Datepicker日历:

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

当然在HTML中…

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

今天的日期是很好的突出显示为用户时，他们带来的日历，但我如何让jQuery预填充文本框本身与今天的日期在页面加载，而不需要用户做任何事情?99%的情况下，今天的日期默认是他们想要的。

当前回答

setDate()方法的作用是:设置日期并更新相关控件。以下是如何做到的:

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

Demo

正如在文档中提到的，setDate()愉快地接受JavaScript Date对象，数字或字符串:

新的日期可以是date对象，也可以是当前日期中的字符串格式(如。'01/26/2009')、从今天算起的天数(例如+7)或a 值和周期字符串('y'表示年，'m'表示月，'w'表示 Weeks，“d”表示天。'+1m +7d')，或null以清除所选对象日期。

如果您想知道，在构造函数中设置defaultDate属性并不会更新相关的控件。

2012-08-05 19:23:05

其他回答

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

2011-02-16 08:16:30

我只是想说几句。选择器用于添加/更新表单，因此如果编辑现有记录，则需要显示来自数据库的日期，如果没有则显示今天的日期。下面是为我工作良好:

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

2014-01-08 14:25:21

David K Egghead的代码工作得很完美，谢谢!

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

我也设法修剪了一下，它也有用:

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

2012-10-23 23:37:28

更新:有报道称，这将不再适用于Chrome浏览器。

这句话简明扼要，能起到作用(过时):

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

这是不那么简洁的，利用链接允许它在chrome中工作(2019-06-04):

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

2010-02-24 11:38:05