mui選擇時間、選擇日期
阿新 • • 發佈:2017-07-23
date btn tlist -1 back tap 技術分享 ast reg
完整代碼:
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">hello</h1>
</header>
<div class="mui-content">
<div style="padding:15px;">
<button id=‘pickDateBtn‘ type="button" class="mui-btn">選擇日期</button>
</div>
<div style="padding:15px;">
<button id=‘pickTimeBtn‘ type="button" class="mui-btn">選擇時間</button>
</div>
</div>
<script type="text/javascript">
document.getElementById("pickDateBtn").addEventListener(‘tap‘, function() {
var dDate = new Date();
//設置當前日期(不設置默認當前日期)
dDate.setFullYear(2016, 7, 16);
var minDate = new Date();
//最小時間
minDate.setFullYear(2010, 0, 1);
var maxDate = new Date();
//最大時間
maxDate.setFullYear(2016, 11, 31);
plus.nativeUI.pickDate(function(e) {
var d = e.date;
mui.toast(‘您選擇的日期是:‘ + d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate());
}, function(e) {
mui.toast("您沒有選擇日期");
}, {
title: ‘請選擇日期‘,
date: dDate,
minDate: minDate,
maxDate: maxDate
});
});
document.getElementById("pickTimeBtn").addEventListener(‘tap‘, function() {
var dTime = new Date();
//設置默認時間
dTime.setHours(6, 0);
plus.nativeUI.pickTime(function(e) {
var d = e.date;
mui.toast("您選擇的時間是:" + d.getHours() + ":" + d.getMinutes());
}, function(e) {
mui.toast("您沒有選擇時間");
}, {
title: "請選擇時間",
is24Hour: true,
time: dTime
});
});
js獲取當前時間
var myDate = new Date();
myDate.getYear(); //獲取當前年份(2位)
myDate.getFullYear(); //獲取完整的年份(4位,1970-????)
myDate.getMonth(); //獲取當前月份(0-11,0代表1月)
myDate.getDate(); //獲取當前日(1-31)
myDate.getDay(); //獲取當前星期X(0-6,0代表星期天)
myDate.getTime(); //獲取當前時間(從1970.1.1開始的毫秒數)
myDate.getHours(); //獲取當前小時數(0-23)
myDate.getMinutes(); //獲取當前分鐘數(0-59)
myDate.getSeconds(); //獲取當前秒數(0-59)
myDate.getMilliseconds(); //獲取當前毫秒數(0-999)
myDate.toLocaleDateString(); //獲取當前日期
var mytime=myDate.toLocaleTimeString(); //獲取當前時間
myDate.toLocaleString( ); //獲取日期與時間
mui選擇時間、選擇日期