一、 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就是你選中的itemvar 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 ; })

?

轉載于:https://www.cnblogs.com/wufanJY/p/9021436.html

總結

以上是生活随笔為你收集整理的Hbuilder MUI 下拉选择与时间选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。