1. 程式人生 > 實用技巧 >layDate時間控制元件範圍選擇 當前月份的第一天和最後一天的時間範圍

layDate時間控制元件範圍選擇 當前月份的第一天和最後一天的時間範圍

第一次使用layDate參考官方文件 得知時間控制元件範圍設定分別為: min(最小時間) max(最大時間)

可當我在進一步檢視文件的時候只知道如何獲取當前日期 比如:

  1. laydate.render({
  2. elem: '#test'
  3. ,min: 'new Date()'
  4. });

因此可得時間選取範圍的起止日期為:

var nowDate = new Date();
var fullYear = nowDate.getFullYear();
var month = nowDate.getMonth() + 1; // getMonth 方法返回 0-11,代表1-12月
var endOfMonth = new Date(fullYear, month, 0).getDate(); // 獲取本月最後一天
var endDate = getFullDate(nowDate.setDate(endOfMonth));//當月最後一天
var startDate = getFullDate(nowDate.setDate(1));//當月第一天

laydate.render({
elem:'#test'
,trigger : 'click'//允許所觸發的事件(只允許點選事件)
,min:startDate
,max:endDate
})
// 格式化日期格式為 xxxx-xx-xx
function getFullDate(targetDate) {
var D, y, m, d;
if (targetDate) {
D = new Date(targetDate);
y = D.getFullYear();
m = D.getMonth() + 1;
d = D.getDate();
} else {
y = fullYear;
m = month;
d = date;
}
m = m > 9 ? m : '0' + m;
d = d > 9 ? d : '0' + d;
return y + '-' + m + '-' + d;
};

緬懷我逝去的時間