WeUI.js 中 為 picker 動態賦值

效果圖:

 

 

 

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: '請選擇預約時間'
                });
  
        }