Bootstrap 3 DateTimePicker（eonasdan） - 如何快速选择年份？ （生日）

Question

是否可以在eonasdan's bootstrap 3 datetimepicker中更改dayViewHeaderFormat以显示数十年或下拉菜单以快速选择一年？

因为当有人想要插入他们的生日时，可能需要大量点击才能选择正确的年份和日期。有没有选择快速选择正确的年份？如果是这样，这将如何运作？

Answer 1

是的，可以使用viewMode function。来自文档：

  

<强> VIEWMODE（newViewMode）

     

取一个字符串。有效值为“天”，“月”，“年”和“数十年”

例如：

$('#birthday_years').datetimepicker({
    format: 'Do of MMMM, YYYY',
    defaultDate: new Date(1990, 0, 1, 00, 01),
    viewMode: 'years',
});

在这里，我已将defaultDate初始化为1990.您当然可以更改此内容或使用placeholder在输入字段中显示文本。像这样：<input ... ... placeholder="Pick your birthday" />。 我也格式化了日期。您可以更改日期格式with these options。

最终结果的演示：

> GO TO DEMO