MUI移动端时间城市选择组件

移动端的时间+城市选择功能一直挺常见,尤其是表单、用户资料、预约类页面。MUI 框架的这个插件就挺省事,直接集成了省市区、省市、省,还有时间选择,一套打包,拿来就用,响应也快,交互也顺手。

基于MUI做的,熟悉它的都知道,体积小、性能稳,兼容主流安卓+iOS 浏览器。上手门槛也低,你只要写点配置就能跑起来,不太容易踩坑,适合赶工或者懒得自己撸选择器的场景。

城市选择这块支持三级联动,省、市、区一条龙。下拉/滑动两种方式配得上手机端交互,尤其适配好几个老机型,体验还不错。用picker.setValue()可以设置默认值,也可以监听onChange搞点动态联动的玩法。

时间选择器这块做得也比较灵活,小时、分钟都可以独立选,支持 12 小时和 24 小时。滑动滚轮那种交互,手机上手感挺顺滑,不会有卡顿。尤其在预约场景,比如订车、挂号、外卖配送时间选项里,这种插件就方便。

API 设计也比较清晰,初始化用new mui.DtCityPicker(),支持传配置对象,调用show()展示弹窗,拿结果用getSelected()。整体逻辑清楚,也方便调试和扩展。

还有一点,自定义性蛮强的,比如样式你可以自己改,也可以扩展城市数据结构或者换成别的时间格式。你要是项目风格比较,也不用担心不匹配。

如果你正在搞移动端表单用户资料预约下单一类的功能,推荐你试试这个插件。拿来即用,改动少,效果也挺不错。

zip 文件大小:125.67KB