初次使用依赖库以及日期选择器等下载地址，请在笔者另文查找：

一段简单的bootstrap日期控件3日期选择器代码

属性使用十分简单只需要在上面代码的

部分设置相关属性即可。如：

③ - 其他日期格式可参考moment网站：

③ - 其他日期格式可参考moment网站：

③ - 其他自行发挥想象

取现在的时间为minDate在此之前的时间变灰且不可选。

取现在的时间为maxDate在此之后的时间变灰且不可选。

点击弹出选择器后文本框获取并显示当前时间。注意：实际上显示的是打开浏览器时嘚时间不是当前时间。

点击弹出选择器后文本框不显示当前时间

④ - 其他国家地区可以在moment.js下载包中的locale文件中找到对应的本地化文件，下載地址请移步本文开头的链接

将时间选择移动到右边，与日期选择并排

说明：0为周日1-6为周一-周六

③ - 其他自行发挥想象

说明：是否显示當前周是今年的第几周，默认不显示

说明：在初次打开日期选择器时的显示模式

说明：显示"今日按钮"点击后自动调整为当前时间，精确箌秒并同步UI。默认不显示

说明：显示"清除按钮"点击后取消当前选取的日期并清空文本框。默认不显示

说明：显示"关闭按钮"点击后关閉日期选择器。默认不显示通常不需要，只要点选日期选择器外的区域就可实现关闭

说明：指定日期选择器弹出的方向，默认在垂直方向和水平方向都采用自适应(auto)

说明：不使用文本框的日期选择器

说明：是否允许文本框键入的日期格式无效，不允许时文本框会自动修妀成正确的格式默认不允许。

说明：自定义绑定键盘事件

说明：开启debug模式后打开日期选择器后，点击选择器外的区域不会关闭选择器默认不开启

说明：是否允许点击文本框弹出日期选择器。默认不允许

说明：点击打开日期选择器后，自动focus文本框如果没有focus文本框，那么点击日期选择器外的区域不会关闭选择器。默认focus

说明：给出可用小时的数组。默认false——所有小时都可用注意：为了该逻辑，还需要做以下这些工作：
2 - "今日按钮"不可见或可见但添加逻辑判断当前时间是否在enabledHours给出的值范围内。
3 - 在日期选择器点选一个日期时也会选取一个时分秒【见下图】（如果useCurrent设置为false，该时间经过测试是打开浏览器的时间具体是渲染完成前还是完成后暂不得而知；如果useCurrent设置为true，偠清空文本框内的时间并重新打开日期选择器才会重新获取当前时间。）所以也要对其添加逻辑判断这个时间是否在enabledHours给出的值范围内。
4 - 想到或遇到时继续完善欢迎各位补充

说明：tooltips是当鼠标悬停在控件上，弹出一些提示性文字的工具如下图，当悬停在"今日按钮"约一秒弹出"Go to today"提示文字。对应上面的'today'键修改键便可自定义悬停提示文字