jquery - Datepicker:将输入值设置为当前日期

Question

我正在为 Bootstrap 使用这个插件，用于日期选择 http://eternicode.github.io/bootstrap-datepicker/

我让它在这里工作FIDDLE但我不知道这样做是否正确？或者如果有办法通过插件来做到这一点。我试过了，但我做对了。

HTML:

Date: <input type="text" name="" class="datepicker" />

J查询:

var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate();

var output =((''+month).length<2 ? '0' : '') + month +  '/' + ((''+day).length<2 ? '0' : '') + day + '/' + d.getFullYear();

$('.datepicker').datepicker();

$('.datepicker').val(output);

所以我使用 Jquery 获取当前日期，然后我只触发日期选择器，然后将输入值设置为当前日期。

任何其他想法或建议将不胜感激!

Answer 1

你的方法不错。

但是，您可以将它减少几个字符 - 如果您愿意的话 - 如下所示:

var d = new Date(),
    output = [
        ('0' + (d.getMonth() + 1)).substr(-2), 
        ('0' + d.getDate()).substr(-2), 
        d.getFullYear()
    ].join('/');

$('.datepicker').datepicker().val(output);

此外 - 如果您正在做更多关于日期的工作 - 查看一些日期库可能是个好主意，比如 date.js或 sugar.js ，那么你可以这样做:

$('.datepicker').val(new Date().toString('MM/dd/yyyy'));        // date.js
$('.datepicker').val(Date.create().format('{MM}/{dd}/{yyyy}')); // sugar.js