jQuery基于muipicker实现仿ios时间选择_jquery
来源：动视网
责编：小采
时间：2020-11-27 20:51:04
jQuery基于muipicker实现仿ios时间选择_jquery
jQuery基于muipicker实现仿ios时间选择_jquery:首先我们先来看原始的muipicker的例子 .mui-btn { font-size: 16px; padding: 8px; margin: 3px; } h5.mui-content-padded { margin-left: 3px; margin-top: 20px !important; } h5.mui-c
导读jQuery基于muipicker实现仿ios时间选择_jquery:首先我们先来看原始的muipicker的例子 .mui-btn { font-size: 16px; padding: 8px; margin: 3px; } h5.mui-content-padded { margin-left: 3px; margin-top: 20px !important; } h5.mui-c
首先我们先来看原始的muipicker的例子
原生 SELECT
原生 SELECT（选择框）在不同的设备上UI可能会有差异，并且不支持多级联动(多个 SELECT 可实现，但较麻烦)，故mui封装了picker组件，参见如下示例。
普通示例
级联示例
-->
在此基础上修改为类似ios选择时间的插件。
把里面数据换成下面的数据就可以了。
效果图：
年月日
小时分钟
效果只有在手机端或者手机chrome的手机模拟器中可以看到。
最后附上muipicker的github地址 https://github.com/dcloudio/mui/tree/master/examples/hello-mui
jQuery基于muipicker实现仿ios时间选择_jquery
jQuery基于muipicker实现仿ios时间选择_jquery:首先我们先来看原始的muipicker的例子 .mui-btn { font-size: 16px; padding: 8px; margin: 3px; } h5.mui-content-padded { margin-left: 3px; margin-top: 20px !important; } h5.mui-c
