Bootstrap 3 DateTimePicker(eonasdan) - 如何快速select年？ （生日）

Question

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

因为当有人想要插入他们的生日时，可能需要多次点击才能 select 正确的年份和日期。是否有快速 select 正确年份的选项？如果是这样，这将如何工作？

Answer 1

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

viewMode(newViewMode)

Takes a string. Valid values are 'days', 'months', 'years' and 'decades'

例如：

$('#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