jQuery时间选择插件
jQuery 的时间控件,属于那种用了就觉得“哦,原来还能这么方便”的组件。基于 jQuery 的插件机制,像
轻量+兼容性好的时间控件,确实是 jQuery 生态里的一大亮点。UI 不花哨,但交互还挺顺滑的,支持滑动、点击选择时间。像选时间段、精确到分钟这种需求,它也能搞定,灵活性还不错。
插件形式也方便集成,你只需要在页面里引用下My97DatePicker
的 JS 文件,用$('#timeInput').datepicker()
一调,就能用上。想自定义一下也简单,传点配置项就行,比如格式化、限制范围什么的。
样式方面基本靠 CSS,默认风格比较朴素。如果你有自己的设计系统,重写一下.Wdate
相关样式就能融进去,像font-size
、border
、background
这些属性都好改。
还有一点挺重要的,事件这块也考虑得周到。你可以监听onpicked
、oncleared
之类的事件,轻松做一些联动,比如选完时间自动触发表单校验。
你如果想深入一点研究,可以翻下demo.htm
里的例子,里面有各种配置和使用姿势,看完基本就能掌握大部分玩法。多试几种参数组合,蛮有意思的。
,如果你在做 Web 表单、管理后台这类项目,想要一个成熟靠谱、用起来又不麻烦的时间选择器,jQuery 时间控件还真挺值得一试的。
21.34KB
文件大小:
评论区