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

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

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

当然在HTML中…

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

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

当前回答

这对我来说更好，因为有时我有麻烦调用.datepicker('setDate'， new Date());因为它混乱，如果我有datepicker已经配置了参数。

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

其他回答

今天开始:

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

设置为昨天:

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

在今天日期之前或之后的任何天数都可以如此。

查看jQuery UI›方法›setDate。

你必须首先调用datepicker() >，然后使用'setDate'来获取当前日期。

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

或者在初始化datepicker后将setDate方法调用链起来，如此答案的注释中所述

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

这是行不通的

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

注意:这里描述了可接受的setDate参数

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

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

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

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

这个方法对我很管用。

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

要预填充日期，首先你必须初始化datepicker，然后传递setDate参数值。

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

推荐文章