1、下图为日期选择
2、下图为时间
3、源码
消息
日期提示框
时间
mui.init();
var btns = document.getElementsByClassName("mui-btn-block");
btns['0'].onclick = function() {
//js里的月份是从0月开始的,也就是说,js中的0月是我们1月
var dDate = new Date(); //默认显示的时间
dDate.setFullYear(2018, 11, 28);//默认显示2018.12.28
var minDate = new Date(); //可选择的最小时间
minDate.setFullYear(2010, 0, 1);//最小时间2010.1.1
var maxDate = new Date(); //选择的最大的时间
maxDate.setFullYear(2020, 11, 31);//最大时间2020.12.31
// pickData(成功,失败,时间提示框信息)
plus.nativeUI.pickDate(function(e) {
var d = e.date;//当前选择的时间
alert('您选择的日期是:' + d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate());
}, function(e) {
alert('您没有选择日期');
}, {
title: "请选择日期",
date: dDate,
minDate: minDate,
maxDate: maxDate
});
};
btns['1'].onclick = function() {
var dTime = new Date();
dTime.setHours(20, 0); //设置默认时间
plus.nativeUI.pickTime(function(e) {
var d = e.date;
alert("您选择的时间是:" + d.getHours() + ":" + d.getMinutes());
}, function(e) {
alert('您没有选择时间');
}, {
title: "请选择时间",
is24Hour: true,
// is24Hour: false,//显示上下午
time: dTime
});
};