1***@qq.com
1***@qq.com
  • 发布:2016-10-17 10:09
  • 更新:2016-10-17 20:05
  • 阅读:1245

时间选择器内容重复显示,附上代码和图片。

分类:MUI
    //日期选择器  
            //      小时分钟              
                        var hoursec = new Array();  
            for(var m = 0; m < 24; m++) {  
                var hsChildrenArray = new Array();  
                for(var n = 0; n < 60; n++) {  

                    var childrenObject = new Object();  
                    var secTrue = n;  
                    if(n < 10) {  
                        var secTrue = n;  
                        childrenObject.value = "0" + secTrue + "分";  
                        childrenObject.text = "0" + secTrue + "分";  
                    } else {  
                        childrenObject.value = secTrue + "分";  
                        childrenObject.text = secTrue + "分";  
                    }  
                    hsChildrenArray.push(childrenObject);  
                }  

                var object = new Object();  
                if(m < 10) {  
                    object.value = "0" + m + "时";  
                    object.text = "0" + m + "时";  
                } else {  
                    object.value = m + "时";  
                    object.text = m + "时";  
                }  
                object.children = hsChildrenArray;  
                hoursec.push(object);  
            };  

            //      年月  
            var yearArray = new Array();  
            for(var i = 0; i < 10; i++) {  
                var monthArray = new Array();  
                for(var j = 0; j < 12; j++) {  
                    var month = new Object();  
                    month.value = j + 1 + "月";  
                    month.text = j + 1 + "月";  
                    monthArray.push(month);  
                }  
                var year = new Object();  
                year.value = i + 2016 + "年";  
                year.text = i + 2016 + "年";  
                year.children = monthArray;  
                yearArray.push(year);  
            };  
            //年月日  
            var yearArray = new Array();  
            for(var i = 0; i < 10; i++) {  
                var monthArray = new Array();  
                for(var j = 0; j < 12; j++) {  
                    //月的最后一天  
                    var year = i + 2016;  
                    var month = j;  
                    var lastDay = new Date(year, month + 1, 0).getDate(); //month 要加1,原本month是从0开始的,但是因为0是这个月的上个月,所以到了上个月.  
                    if(year == 2016 && month == 1) {  
                        console.log("lastday" + lastDay);  
                    }  
                    var dayArray = new Array();  

                    for(var k = 0; k < lastDay; k++) {  
                        var day = new Object();  
                        day.value = k + 1 + "日";  
                        day.text = k + 1 + "日";  
                        day.children = hoursec;  
                        dayArray.push(day);  
                    }  

                    var month = new Object();  
                    month.children = dayArray;  
                    month.value = j + 1 + "月";  
                    month.text = j + 1 + "月";  
                    monthArray.push(month);  
                }  
                var year = new Object();  
                year.value = i + 2016 + "年";  
                year.text = i + 2016 + "年";  
                year.children = monthArray;  
                yearArray.push(year);  
            };  

                var elem = this;  
                var li = elem.parentNode.parentNode;  
                var mContent = li.querySelector(".mui-slider-handle .mui-table-cell").innerHTML;  

                var mYear = date.substring(0, date.indexOf("-"));  
                var firstIndex = date.indexOf("-");  
                var mMD = date.substring(date.indexOf("-")+1,date.length);//获得 月份 如11-11  
                var mMonth = mMD.substring(0,mMD.indexOf("-"));  
                var mDay = date.substring(date.lastIndexOf("-")+1,date.length);  

                /**日期选择**/  
                var datePicker = new mui.PopPicker({  
                    layer: 5  
                });  
                datePicker.setData(yearArray);  
                datePicker.pickers[0].setSelectedValue(mYear+'年', 0, function() {  
                    setTimeout(function() {  
                        datePicker.pickers[1].setSelectedValue(mMonth+'月', 0, function() {  
                            setTimeout(function() {  
                                datePicker.pickers[2].setSelectedValue(mDay+'日', 0, function() {  
                                    setTimeout(function() {  
                                        datePicker.pickers[3].setSelectedValue('08时');  
                                    }, 100);  
                                });  
                            }, 100);  
                        });  
                    }, 100);  
                });  
                datePicker.show(function(items) {  
                    var Dyear = "" + (items[0] || {}).text.substring(0, ((items[0] || {}).text).indexOf("年"));  
                    var Dmonth = "" + (items[1] || {}).text.substring(0, ((items[1] || {}).text).indexOf("月"));  
                    var Dday = "" + (items[2] || {}).text.substring(0, ((items[2] || {}).text).indexOf("日"));  
                    var Dhour = (items[3] || {}).text.substring(0, ((items[3] || {}).text).indexOf("时"));  
                    var Dmin = (items[4] || {}).text.substring(0, ((items[4] || {}).text).indexOf("分"));  
                    Dyear = parseInt(Dyear);  
                    Dmonth = parseInt(Dmonth) - 1;  
                    Dday = parseInt(Dday);  
                    Dhour = parseInt(Dhour);  
                    Dmin = parseInt(Dmin);  
                    addEvent(Dyear, Dmonth, Dday, Dhour, Dmin, mContent);  
                });  
            });  
2016-10-17 10:09 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

请使用Hello mui示例工程中picerk.html的例子测试,并且检查所提供的代码是否重复生成某些数据。

该问题目前已经被锁定, 无法添加新回复