效果图:

1、通过第三方接口为其赋值
function pickdtime(){ //传入参数日期(今天/明天) //今天:当前时间以后的点 //明天,全部时间 var b=[]; alert($('#showPickerdate').text()); alert(tt); var context = '黄'; var page = 1; var rows = 1000; $.ajax({ url: 'HM_PCClient/FangKe/searchCompany', data: { "openid": openid, "cname": context }, success:function(res){ var json = $.parseJSON(res); var code = json.info; var data = json.data; console.log(data); for (var j = 0; j < data.length; j++) { b.push({ label: data[j].companyname, value: data[j].companyname }) }; weui.picker(b, { onChange: function (result) { console.log(result); }, defaultValue : [0], onConfirm: function (result) { console.log(result[0].label); console.log(result[0].value); }, title: '请选择预约时间' }); } }); }
2、通过自己封装的jaon为其赋值
function pickdtimenew(){
var b = [];
var c = [];
var data1 = [{
label: '00:00',
value: '1'
},{
label: '1:00',
value: '2'
},{
label: '2:00',
value: '3'
},{
label: '3:00',
value: '4'
},{
label: '4:00',
value: '5'
},{
label: '5:00',
value: '6'
},{
label: '6:00',
value: '7'
},{
label: '7:00',
value: '8'
},{
label: '8:00',
value: '9'
},{
label: '9:00',
value: '10'
},{
label: '10:00',
value: '11'
},{
label: '11:00',
value: '12'
},{
label: '12:00',
value: '13'
},{
label: '13:00',
value: '14'
},{
label: '14:00',
value: '15'
},{
label: '15:00',
value: '16'
},{
label: '16:00',
value: '17'
},{
label: '17:00',
value: '18'
},{
label: '18:00',
value: '19'
},{
label: '19:00',
value: '20'
},{
label: '20:00',
value: '21'
},{
label: '21:00',
value: '22'
},{
label: '22:00',
value: '23'
},{
label: '23:00',
value: '24'
}];
var data2 = [{
label: '00:00',
value: '1'
},{
label: '1:00',
value: '2'
},{
label: '2:00',
value: '3'
},{
label: '3:00',
value: '4'
},{
label: '4:00',
value: '5'
},{
label: '5:00',
value: '6'
},{
label: '6:00',
value: '7'
},{
label: '7:00',
value: '8'
},{
label: '8:00',
value: '9'
},{
label: '9:00',
value: '10'
},{
label: '10:00',
value: '11'
},{
label: '11:00',
value: '12'
},{
label: '12:00',
value: '13'
},{
label: '13:00',
value: '14'
},{
label: '14:00',
value: '15'
},{
label: '15:00',
value: '16'
},{
label: '16:00',
value: '17'
},{
label: '17:00',
value: '18'
},{
label: '18:00',
value: '19'
},{
label: '19:00',
value: '20'
},{
label: '20:00',
value: '21'
},{
label: '21:00',
value: '22'
},{
label: '22:00',
value: '23'
},{
label: '23:00',
value: '24'
}];
var data = $('#showPickerdate').text();//
if(data=="明天"){//显示全部
console.log(data1);
for (var j = 0; j < data1.length; j++) {
b.push({
label: data1[j].label,
value: data1[j].value
})
};
}else{
//tt 为当前时间值,如果value值大于或等于当前时间值,那么就将数据放到B数组里
for (var i = 0; i < data2.length; i++) {
if(parseInt(data2[i].value) >= parseInt(tt))
{
console.log(data2[i].value+"--"+tt);
b.push({
label: data2[i].label,
value: data2[i].value
})
}
};
}
weui.picker(b, {
onChange: function (result) {
console.log(result);
},
defaultValue : [0],//默认当前显示时间
onConfirm: function (result) {
console.log(result[0].label);
console.log(result[0].value);
$('#showPickertime').text(result[0].label);
},
title: '请选择预约时间'
});
}
浙公网安备 33010602011771号