jquery - 使用 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

根据文档，您的 mobiscroll 实例有一个setValue方法。

语法似乎是：

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

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

Answer 2

我读了文件。

我发现了这个： 文档

$("#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 文档

.scroller('setDate', date, fill, time) 如果选择了预设，则从作为 Date 对象传递的日期参数中设置滚动条日期/时间。如果 'fill' 参数为真，则关联的输入字段也将更新为新值。'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);