美文网首页
动态修改LayDate的时间选择区间

动态修改LayDate的时间选择区间

作者: 十柒年 | 来源:发表于2018-07-31 15:04 被阅读1251次

    1.如何动态的修改laydate的时间选择范围。

    首先就是把laydate.render给一个变量startDate,然后要修改laydate的时间的事件里加上startDate.config.min里面设置好相应的变量值就行了 ,需要注意一点,这里面的月份需要+1.

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="jquery-3.2.1.js"></script>
        <script type="text/javascript" src="layui/layui.all.js"></script>
        <script type="text/javascript" src="layui/lay/modules/laydate.js"></script>
    </head>
    <body>
        <input type="text" id="Time" name="Time" lay-verify="required" autocomplete="off" class="layui-input">
        <input type="button" name="" onclick="changedate()" value="改变时间区间">
    </body>
    </html>
    <script>
        layui.use('laydate', function () {
            var laydate = layui.laydate;
    
    
            var startDate = laydate.render({//渲染开始时间选择  
                elem: '#Time'//通过id绑定html中插入的start  
                , type: 'datetime'
                , min: '2018-07-20'  //最小值
                , max: '2018-07-23'//设置一个默认最大值      
                
            });  
            window.changedate = function () {
                startDate.config.min = {
                    year: '2018',
                    month: '06', //关键  月份+1 
                    date: '24'
                };
                startDate.config.max = {
                    year: '2018',
                    month: '06', //关键  月份+1
                    date: '26'
                };
            }
        })
    
    </script>
    

    Study hard and make progress every day.

    更多学习资料请关注"爱游戏爱编程"。


    爱游戏爱编程.jpg

    相关文章

      网友评论

          本文标题:动态修改LayDate的时间选择区间

          本文链接:https://www.haomeiwen.com/subject/fqlhvftx.html