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

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

买醉的拖把 · 纽埃· 8 月前 ·

成熟的番茄 · 南阳市十二中教育集团开学须知|十二中|南阳市 ...· 1 年前 ·

不羁的仙人掌 · IPO周报｜本周迎2新股申购，国产数据库龙头 ...· 1 年前 ·

痴情的帽子 · 拼多多百亿补贴再加码，中国电商竞争逻辑变道_ ...· 2 年前 ·

天涯 · 晋江五店市：迁建改造留住乡愁· 2 年前 ·

< 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 >