Bootstrap-datepicker日期时间选择器的简单使用 - python兰州

Bootstrap-datepicker日期时间选择器的简单使用

日期时间选择器

目前,bootstrap有两种日历。datepicker和datetimepicker,后者是前者的拓展。

Bootstrap日期和时间组件:

使用示例:

Bootstrap-datepicker日期时间选择器的简单使用 - python兰州

从左到右依次是十年视图、年视图、月视图、日视图、小时视图

Bootstrap-datepicker日期时间选择器的简单使用 - python兰州Bootstrap-datepicker日期时间选择器的简单使用 - python兰州Bootstrap-datepicker日期时间选择器的简单使用 - python兰州Bootstrap-datepicker日期时间选择器的简单使用 - python兰州Bootstrap-datepicker日期时间选择器的简单使用 - python兰州

使用时需要导入相应的CSS和js文件:

Bootstrap-datepicker日期时间选择器的简单使用 - python兰州

Bootstrap-datepicker日期时间选择器的简单使用 - python兰州

可选的日期格式:

  • yyyy-mm-dd
  • yyyy-mm-dd hh:ii
  • yyyy-mm-dd hh:ii:ss

Bootstrap-datepicker日期时间选择器的简单使用 - python兰州

Bootstrap-datepicker日期时间选择器的简单使用 - python兰州Bootstrap-datepicker日期时间选择器的简单使用 - python兰州

HTML部分代码:

Bootstrap-datepicker日期时间选择器的简单使用 - python兰州