Hbuilder MUI 下拉選擇與時間選擇器

一、 Hbuilder 下拉選擇

<link rel="stylesheet" href="../../../assets/mui/css/mui.picker.min.css" />

<script type="text/javascript" src="../../../assets/mui/js/mui.picker.min.js"></script>

//引用mui.picker 的css與js

var specModel=new mui.PopPicker(); //初始化 picker
var item=[
     {text:測試1,value:0},
     {text:測試2,value:1},
     {text:測試3,value:2},
] //data必須是text與value的。
specModel.setData(item);
specModel.show(function(itme){ 
        //這里的item就是你選中的item
        var specModelName=item.text;
        var specModelValue=item.value;
})

//(*￣︶￣)  這樣一個簡單的下拉就完成了 自己按照自己項目需求分裝item就行

 

二 、Hbuilder 時間選擇器

1.日期選擇器

var Date=new mui.DtPicker({type:'date'});
Date.show(function(item){
      //這里你可以用console 看看回調函數中的item的值 
      console.log(Json.Stringify(item));
      var endDate=item ;
      var endDate=item.y.text + '/' + item.m.text + '/' + item.d.text;
      //這兩種都是可以的
})

 

2.日期時間選擇器

var Date=new mui.DtPicker({type:'datetime'});
Date.show(function(item){
      //改變一下type值就行 
      console.log(Json.Stringify(item));
      var endDate=item ;
})