mui picker 时间选择器在ios设置开始时间不生效
由于项目需要的开始时间由后台获取,最大时间是当前时间,从后台获取的时间格式为 2019-11-15 17:10,一开始的代码获取的时间实际是new Date(2019-11-15 17:10) ,这在安卓端是可以正常识别的,在ios端就不生效了。所以把对应日期时间的值逐个获取出来,按照new Date(year, month, day, time, hour) 这种格式设置就可以了。ios...
·
由于项目需要的开始时间由后台获取,最大时间是当前时间,从后台获取的时间格式为 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);
更多推荐
已为社区贡献1条内容
所有评论(0)