3

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

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

HTML：

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

查询：

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 来获取当前日期，然后我只是触发 datepicker，然后将输入值设置为当前日期。

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

4

2 回答 2

4

你的方法很好。

但是，您可以将其减少几个字符（如果您愿意的话），如下所示：

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
于 2013-07-31T09:21:13.823 回答
3

Datepicker 默认使用当前日期初始化。（演示）

您也可以手动设置：

$("#datepicker").datepicker({defaultDate: new Date()}); //at initialization
$("#datepicker").datepicker("setDate",new Date());      //runtume

设置为其他日期也很容易：

$("#datepicker").datepicker("setDate","14/12/2014");

使用自定义格式：

$("#datepicker").datepicker({ dateFormat: "yy-m-d" });
$("#datepicker").datepicker("setDate","14-12-4");

要获取该格式化值，请使用：

$("#datepicker").datepicker().val();

文档在这里。

于 2014-07-02T10:28:53.400 回答