首页
前端开发
HTML5
Bootstrap Datetimepicker时间选择器插件

Bootstrap Datetimepicker时间选择器插件

0 次浏览 0 条评论
zip
zip

基于 Bootstrap 的时间选择器功能丰富、交互友好，适合需要用户选时间段的场景。Bootstrap Datetimepicker 就是我常用的，还挺顺手的。界面美观，配置灵活，像预订系统、排班管理这些需求它都能搞定。

基于Bootstrap和jQuery的Bootstrap Datetimepicker，UI 风格自然就跟着 Bootstrap 走，整套看起来还挺顺眼的。你只要在 HTML 里加个class='datetimepicker'的输入框，再配上它的 JS 和 CSS，初始化就一句代码搞定。

比如这样写：

$(function () {
  $('.datetimepicker').datetimepicker({
    format: 'YYYY-MM-DD HH:mm:ss',
    locale: 'zh-cn'
  });
});

它支持的功能也挺丰富，比如时间段选择。你可以设置minDate和maxDate，限制用户选的范围；再加上timePickerIncrement，控制步长，比如每 15 分钟跳一次。24 小时制还是 12 小时制，也只是一句配置的事。

如果你只想让用户选时间，不要日期，那就把pickDate设成false就行，反过来只选日期也一样。还能设默认值，比如用defaultDate: moment()直接填今天的时间。

实用场景也多，像排班系统、会议预约、甚至考勤都用得上。如果你项目里刚好需要时间控件，尤其是那种时间段输入的功能，这个插件真挺值得一试。

zip 文件大小：462.41KB