layui日期選擇框實現選擇當前周的日期範圍

直接上代碼:

layui.use(['laydate'], function() {
	var laydate = layui.laydate;
	var monday = getMonday(new Date());
    var mm = layui.util.toDateString(monday,'yyyy-MM-dd')
    var sunday = GetDateStr(monday,6);
	laydate.render({
            elem: '#daterange'//綁定的html元素id
            ,type:'date'
            ,format: 'yyyy-MM-dd' //格式
            ,trigger : 'click'
            ,min:mm //最小可選擇日期
            ,max:sunday //最大可選擇日期
            ,range:true //設置啓用日期範圍
        });
 })
 //獲取當前日期的週一日期
 function getMonday( date ) {
    		var day = date.getDay() || 7;  
    		if( day !== 1 ) 
        	date.setHours(-24 * (day - 1)); 
    		return date;
		}
//獲取某日期的第n天后的日期
 function GetDateStr(date,n) {   
   			var dd = date;  
   			dd.setDate(dd.getDate()+n);  
   			var y = dd.getFullYear();   
   			var m = (dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth()+1);
   			var d = dd.getDate()<10?"0"+dd.getDate():dd.getDate();
			return y+"-"+m+"-"+d;   
		};
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章