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

原文鏈接:https://blog.csdn.net/zhengyikuangge/article/details/105438512


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM