由于项目需要的开始时间由后台获取,最大时间是当前时间,从后台获取的时间格式为 2019-11-15 17:10,一开始的代码获取的时间实际是 new Date(2019-11-15 17:10) ,这在安卓端是可以正常识别的,在ios端就不生效了。所以把对应日期时间的值逐个获取出来,按照new Date(year, month, day, time, hour) 这种格式设置就可以了。

ios不能识别的部分源码:

var picker = new mui.DtPicker({
    type: "datetime",//设置日历初始视图模式
    beginDate: new Date(jiedantime),//设置开始日期
    endDate: new Date(year, month, day, time, hour),//设置最大日期
});

 

ios能识别的部分源码,贴的比较多,方便以后回忆:

//维修时间限制
		var $timeStart = document.getElementById('startDate');
		var $timeEnd = document.getElementById('endDate');

      	$timeStart.addEventListener('tap', function() {
      		
      		var _self = this;
         	  console.log(_self);
         	  
      	  if(_self.picker) {
             _self.picker.show(function(rs) {
//                  timeStart.innerHTML = rs.text; //改变div的值
					$timestart.innerHTML = rs.text;
                 console.log('选择的日期为:' + rs.text);
                 _self.picker.dispose();
                 _self.picker = null;
             });
         } else {
        	    var optionsJson = this.getAttribute('data-options') || '{}';
        	    var options = JSON.parse(optionsJson);
        	    var id = this.getAttribute('id');
        	    var jiedantime = document.getElementById("jiedan").value;//获取实际接单时间
        	    var nian = jiedantime.substring(0,4);
        	    var yue = jiedantime.substring(5,7) - 1;
        	    var ri = jiedantime.substring(8,10);
        	    var shi = jiedantime.substring(11,13);
        	    var fen = jiedantime.substring(14,16);
        	    console.log('实际接单时间:' + jiedantime);
//         	    console.log('年:' + nian);
//         	    console.log('月:' + yue);
//         	    console.log('日:' + ri);
//         	    console.log('时:' + shi);
//         	    console.log('分:' + fen);
        	    
        	   //获取当前时间
        	    
        	   var year=new Date().getFullYear() ;
	            var month=new Date().getMonth() ;
	            var day=new Date().getDate();
	            var time  =new Date().getHours();
	            var hour  =new Date().getMinutes();
	            
        	    var picker = new mui.DtPicker({
        	    	 type: "datetime",//设置日历初始视图模式
                  	 beginDate: new Date(nian, yue, ri, shi, fen),//设置开始日期
                  	 endDate: new Date(year, month, day, time, hour),//设置最大日期
        	    });
        	    picker.show(function(rs) {
                     /*result.innerText = '选择结果: ' + rs.text;*/
                     $timeStart.innerHTML = rs.text+":00";
                     document.getElementById("startDateInput").value = rs.text+":00";
                     console.log('选择的日期为:' + rs.text);
                     picker.dispose();
                     picker = null;
                 });
         }	
      	  
       },false);

 

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐