使用Jquery设置特定日期

Question

我正在使用mobiscroll.js，我正试图设置一个特定的日期，如14/06/2005。这是我大四的代码。我不知道如何编辑以设置特定日期。

代码：

(function ($) {
    var date = new Date();
    $("#id_childbirthday").scroller({mode: 'clickpick',
        dateOrder: 'ddMyyyy',
        dateFormat: 'dd M yyyy',
        endYear: date.getFullYear() - 7,
        startYear: 1990});
})(jQuery);

图片如下所示：

我可以将年份设置为我想要的年份...但是如何编辑此代码以使其输出特定日期...需要一些指导......

Answer 1

根据docs，您的mobiscroll实例采用setValue方法。

语法似乎是：

$('#id_childbirthday').scroller('setValue', data, true);

...其中data是一个值数组，与轮子的顺序相匹配。

Answer 2

我读了这份文件。

我发现了这个： doc

$（“＃id_childbirthday”）。scroller（'setDate'，date，true）

代码应该是：

(function ($) {
    var date = new Date(); //you can specify the date here!
    $("#id_childbirthday").scroller({mode: 'clickpick',
        dateOrder: 'ddMyyyy',
        dateFormat: 'dd M yyyy',
        endYear: date.getFullYear() - 7,
        startYear: 1990});
    var date1 = new Date(2012, 3, 10);
    $("#id_childbirthday").scroller('setDate', date1, true);

})(jQuery);

Answer 3

来自DateTime Preset documentation

  

.scroller（'setDate'，date，fill，time）如果选择了预设集   日期参数中的滚动条日期/时间作为日期传递   宾语。如果'fill'参数为true，则关联的输入字段为   还更新了新值。 'time'参数指定   动画的持续时间（以秒为单位）将轮子滚动到新的   日期。如果未指定“时间”，则没有动画

你需要这样的东西：

(function ($) {
    var date = new Date();
    $("#id_childbirthday").scroller({mode: 'clickpick',
        dateOrder: 'ddMyyyy',
        dateFormat: 'dd M yyyy',
        endYear: date.getFullYear() - 7,
        startYear: 1990}).scroller('setDate',new Date(2005,5,14));
})(jQuery);