若依不分离框架时间选择器选择时段默认选中每月的第一天和最后一天

最新推荐文章于 2024-09-05 16:00:03 发布

Neverlove1

最新推荐文章于 2024-09-05 16:00:03 发布

阅读量639

点赞数 2

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/Neverlove1/article/details/135958564

版权

html部分

<li class="select-time">
                            <label>日期：</label>
                            <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="kssj"/>
                            <span>-</span>
                            <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="jssj"/>
                        </li>

js部分

layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
       /* laydate.render({
            elem: '#picdate' //指定元素
            ,format: 'yyyy-MM-dd'
        });*/
        var now =new Date();
        now.setDate(1)
        laydate.render({
            elem:'#startTime',
            value:getDay1(0),
            type:'date',
            btns:[ 'now', 'confirm']
        });

        laydate.render({
            elem: '#endTime',
            value: getDay(0),
            type: 'date',
            btns: ['now', 'confirm']
        });
    });
    $(".multiSelect").select2({width: "200"});
    function getDay(day) {
        var today = new Date();
        var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;
        today.setTime(targetday_milliseconds); //注意，这行是关键代码
        var tYear = today.getFullYear();
        var tMonth = today.getMonth();
        var tDate = today.getDate();
        tMonth = doHandleMonth(tMonth + 1);
        tDate = doHandleMonth(tDate);
        
        return tYear + "-" + tMonth + "-" + tDate;
    };
    function getDay1(day) {
        var today = new Date();
        //setDate方法找到每月的第一天
        today.setDate(1)
        console.log(222,today)
        //toLocaleString()方法将日期转化为字符串     用split将字符串分割 2022/1/1 00:00:00
        var arr = today.toLocaleString().split(" ");  // 按空格分割字符串
        var secondPart = arr[0];    // 获取第1个元素
        //将获取到的数据再次分割  输出结果 2022 1 1
        var arr2 = secondPart.split("/")
        var secondPart2 = arr2[2]
        console.log(secondPart2);  // 
        
        var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;
        today.setTime(targetday_milliseconds); //注意，这行是关键代码
        var tYear = today.getFullYear();
        var tMonth = today.getMonth();
        var tDate = secondPart2;
        
       
        tMonth = doHandleMonth(tMonth + 1);
        tDate = doHandleMonth(tDate);
        return tYear + "-" + tMonth + "-" + tDate;
    };
    function doHandleMonth(month) {
        var m = month;
        if (month.toString().length == 1) {
            m = "0" + month;
        }
        return m;
    };