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

link之家

链接快照平台

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

相关文章推荐

爱搭讪的皮带 · A-Z Databaseliste· 11 月前 ·

贪玩的烈马 · 华语片出海，输给日印韩？-虎嗅网· 1 年前 ·

叛逆的眼镜 · mysql往分区表插入数据 - CSDN文库· 2 年前 ·

温柔的筷子 · 暨南大学2021年本科招生章程· 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 >