多列选择器,需要配合js实现
<a href="javascript:;" class="weui-btn weui-btn_default" id="showPicker">单列选择器</a>
<script>
$('#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);
}
});
});
</script>
日期选择器
<a href="javascript:;" class="weui-btn weui-btn_default" id="showDatePicker">日期选择器</a>
<script>
$('#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>