- 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>
- 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);
});
}