jQuery基于muipicker实现仿ios时间选择_jquery

首先我们先来看原始的muipicker的例子

 


  
picker（选择器）
 

  

  
原生 SELECT
  item-1
item-2
item-3
item-4
item-5
原生 SELECT（选择框）在不同的设备上UI可能会有差异，并且不支持多级联动(多个 SELECT 可实现，但较麻烦)，故mui封装了picker组件，参见如下示例。
  
普通示例
  一级选择示例 ...
  
  
级联示例
  二级联动示例 ...
  
  三级联动示例 ...
  
  
 
 

在此基础上修改为类似ios选择时间的插件。

把里面数据换成下面的数据就可以了。

(function($, doc) {
    $.init();
    $.ready(function() {
      //普通示例

//      年月
      var yearArray = new Array();
      for (var i = 0; i 

效果图：

年月日

小时分钟

效果只有在手机端或者手机chrome的手机模拟器中可以看到。

最后附上muipicker的github地址 https://github.com/dcloudio/mui/tree/master/examples/hello-mui