移动端日期选择，下拉框选择效果

相关文章推荐

叛逆的番茄 · 兰博基尼幻象_兰博基尼幻象GT_兰博基尼幻象 ...· 1 年前 ·

豪气的弓箭 · 时代印象-全部作品在线阅读-微信读书· 1 年前 ·

兴奋的脆皮肠 · 白族· 1 年前 ·

淡定的小蝌蚪 · 游戏测试是一个怎样的行业？_游戏测试的流量消 ...· 1 年前 ·

冲动的八宝粥 · 用血费用报销须知_血费报销_南宁市卫生健康委 ...· 1 年前 ·

< title > WeUI </ title >  < meta name ="viewport" content ="width=device-width,initial-scale=1,user-scalable=0" >  < link rel ="stylesheet" type ="text/css" href ="https://cdn.bootcss.com/weui/1.1.2/style/weui.css" /> </ head > < div class ="page" > < div class ="page__hd" > < h1 class ="page__title" > Picker </ h1 > < p class ="page__desc" > 多列选择器，需要配合js实现 </ p > </ div > < div class ="page__bd page__bd_spacing" > < a href ="javascript:;" class ="weui-btn weui-btn_default" id ="showPicker" > 单列选择器 </ a > < a href ="javascript:;" class ="weui-btn weui-btn_default" id ="showDatePicker" > 日期选择器 </ a > </ div > </ div >  < script src ="https://cdn.bootcss.com/zepto/1.2.0/zepto.js" type ="text/javascript" charset ="utf-8" ></ script >  < script type ="text/javascript" src ="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></ script >  < script src ="https://res.wx.qq.com/open/libs/weuijs/1.1.4/weui.min.js" ></ script >   < script type ="text/javascript" > $( ' #showPicker ' ).on( ' click ' , function () { weui.picker([{ label: ' 飞机票 ' , value: 0 label: ' 火车票 ' , value: 1 label: ' 的士票 ' , value: 2 label: ' 公交票 (disabled) ' , disabled: true , value: 3 label: ' 其他 ' , value: 4 }], { onChange: function (result) { console.log(result); onConfirm: function (result) { console.log(result); console.log(result); $( ' #showDatePicker ' ).on( ' click ' , function () { weui.datePicker({ start: 1990 , end: new Date().getFullYear(), onChange: function (result) { console.log(result); onConfirm: function (result) { console.log(result); </ script > </ body > </ html >