Mobiscroll时间选择器JavaScript组件
标准格式的日期时间选择，是不少项目都会碰到的场景。Mobiscroll 的时间选择器就挺适合用在这种需求里，格式直接就是 2018-03-01 12:00，清晰、标准，省了不少格式转换的麻烦。
跨平台的支持做得比较不错，PC、iOS、Android 用起来都还蛮顺的。响应式设计做得挺到位，手机上点一点、滑一滑，操作挺顺手。你在移动端上搞表单，基本不用太担心兼容性。
样式自定义也灵活，颜色、字体、布局都能调。用 CSS 或 JavaScript API 配合改，还能搞出你自己的一套风格。比如黑白极简风、品牌主色调，想怎么搭就怎么来。
值得一提的是它的API 接口。比如你可以通过 setValue() 设置默认时间，也可以通过 onChange() 绑定事件，像“用户选完时间就更新提交按钮状态”这种交互，就容易实现。
触控体验是 Mobiscroll 的老本行，滑动流畅，点按响应也快，嗯，这在一些手势比较挑剔的安卓设备上都挺稳的。还有多语言支持，中文自然是有的，能跟着系统语言自动切换，也能自己配置。
无障碍也考虑到了，用了 WAI-ARIA 标准，对屏幕阅读器也友好。如果你在做政务、教育或者面向老年用户的系统，这点就重要。
另外，它还支持日期时间计算，比如设置“当前时间加 3 小时”这种操作，直接调用内置方法就行，逻辑清晰，代码也简单。
如果你有更复杂的输入场景，可以试试它的组件扩展，像轮盘、日历、多列滚动这些，组合起来能做出蛮高级的选择器，适配各种业务场景。
如果你项目里要用到日期时间选择器，尤其是那种要求格式统一、交互友好的，Mobiscroll确实是个还不错的选择。自己试一下，会觉得配置起来也没那么复杂。
文件大小：82.65KB
评论区