mui日期时间控件精确到时分秒

  1. html
<div class="mui-input-row">
	<input readonly="readonly" type="text" value="" id="start_date" placeholder="请选择开始时间">
</div>
<div class="mui-input-row">
	<input readonly="readonly" type="text" value="" id="end_date" placeholder="请选择结束时间">
</div>
  1. js
//日期选择
document.getElementById("start_date").addEventListener('tap', function() {
	getDate('start_date');
});
document.getElementById("end_date").addEventListener('tap', function() {
	getDate('end_date');
});
//获取文本框中的值
var start_date = $('#start_date').val();
var end_date = $('#end_date').val();
//日期js控件
function getDate(obj) {
	var dDate = new Date();
	//设置当前日期(不设置默认当前日期)
	dDate.setFullYear(dDate.getFullYear(), dDate.getMonth(), dDate.getDate());
	var minDate = new Date();
	//最小时间
	minDate.setFullYear(1900, 0, 1);
	var maxDate = new Date();
	//最大时间
	maxDate.setFullYear(3000, 12, 31);
	plus.nativeUI.pickDate(function(e) {
		var d = e.date;
		var objData = d.getFullYear() + "-" + (d.getMonth() < 9 ? '0' : '') + (d.getMonth() + 1) + "-" + (d.getDate() < 10 ? '0' : '') + d.getDate();
		pickTime(obj, objData);
	}, function(e) {
		console.log("您没有选择日期");
	}, {
		title: '请选择日期',
		date: dDate,
		minDate: minDate,
		maxDate: maxDate
	});
}
function pickTime(obj, objData) {
	plus.nativeUI.pickTime(function(e) {
		var d = e.date;
		console.log("选择的时间:" + d.getHours() + ":" + d.getMinutes());
		document.getElementById(obj).value = objData + " " + (d.getHours() < 10 ? '0' : '') + d.getHours() + ":" + (d.getMinutes() < 10 ? '0' : '') + d.getMinutes() + ":" +(d.getSeconds() < 10 ? '0' : '') + d.getSeconds();

	}, function(e) {
		console.log("未选择时间:" + e.message);
	});
}

js日期控件也可以写到app.js里

owner.getDateQingjia = function(obj) {
		var dDate = new Date();
		var dTime = new Date();
		//设置当前日期(不设置默认当前日期)
		dDate.setFullYear(dDate.getFullYear(), dDate.getMonth(), dDate.getDate());
		var minDate = new Date();
		//最小时间
		minDate.setFullYear(1900, 0, 1);
		var maxDate = new Date();
		//最大时间
		maxDate.setFullYear(3000, 12, 31);
		plus.nativeUI.pickDate(function(e) {
			var d = e.date;
			var objData = d.getFullYear() + "-" + (d.getMonth() < 9 ? '0' : '') + (d.getMonth() + 1) + "-" + (d.getDate() < 10 ? '0' : '') + d.getDate();
			//document.getElementById(obj).value = d.getFullYear() + "-" + (d.getMonth() < 9 ? '0' : '') + (d.getMonth()+ 1) + "-" + (d.getDate() < 10 ? '0' : '') + d.getDate() + " " + dTime.getHours() + ":" + dTime.getMinutes();
			owner.pickTimes(obj, objData);
		}, function(e) {
			mui.toast("您没有选择日期");
		}, {
			title: '请选择日期',
			date: dDate,
			minDate: minDate,
			maxDate: maxDate
		});
	}

	owner.pickTimes = function pickTime(obj, objData) {
		plus.nativeUI.pickTime(function(e) {
			var d = e.date;
			console.log("选择的时间:" + d.getHours() + ":" + d.getMinutes());
			document.getElementById(obj).value = objData + " " + (d.getHours() < 10 ? '0' : '') + d.getHours() + ":" + (d.getMinutes() < 10 ? '0' : '') + d.getMinutes() + ":" +(d.getSeconds() < 10 ? '0' : '') + d.getSeconds();

		}, function(e) {
			console.log("未选择时间:" + e.message);
		});
	}

猜你喜欢

转载自blog.csdn.net/weixin_42301962/article/details/82978680