日期控件,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 日期范圍代碼