日期控件,layui

本文转载自查看原文 2016-12-06 16:11 2318 layui/ 日期控件

<link rel="stylesheet" href="<%=path%>/layui/css/layui.css"
    type="text/css"></link>
<script type="text/javascript" src="<%=path%>/layui/layui.js"></script>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;

        var start = {
            min : laydate.now(),
            max : '2099-06-16 23:59:59',
            istoday : false,
            choose : function(datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas; //将结束日的初始值设定为开始日
            }
        };

        var end = {
            min : laydate.now(),
            max : '2099-06-16 23:59:59',
            istoday : false,
            choose : function(datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

        document.getElementById('LAY_demorange_s').onclick = function() {
            start.elem = this;
            laydate(start);
        }
        document.getElementById('LAY_demorange_e').onclick = function() {
            end.elem = this
            laydate(end);
        }

    });
</script>
</head>
<body>
    <p>
        入职时间：<input placeholder="入职时间"
            onclick="layui.laydate({elem: this, festival: true})"
            name="entrydate" />
    </p>
</body>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 layui table表格上添加日期控件laydate LayUi- 解决日期控件不显示 layui table 表格上添加日期控件取消layUI中日期选择控件默认填充日期实现layui日期控件laydate对开始和结束时间的联动 layui日历控件设置选择日期不能超过当前日期【前端】layui日期控件点击一闪而过解决方法 Layui 日期控件月份选择器设置指定月份不可被选中第五节：常用插件汇总(中英转换、省市区、LayUI的日期控件改造) layui 日期范围代码