从零开始，laydate的常规使用，并且日期最大不能超过当前日期

最新推荐文章于 2023-03-26 17:48:43 发布

「已注销」

最新推荐文章于 2023-03-26 17:48:43 发布

阅读量3.2k

点赞数 5

文章标签： laydate

本文链接：https://blog.csdn.net/xinbumi/article/details/82745549

版权

laydate的常规使用，分为两种方式实现日期组件

一、在 layui 模块中使用下载layui 地址：https://www.layui.com/ 引入资源路径 js 和 css

通过下面这样加载

<input  id="birthDate" name="birthDate" class="form-control" >

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

        //执行一个laydate实例
        laydate.render({
            elem: '#birthDate', //指定元素
            max: getNowFormatDate()
        });
    });

    function getNowFormatDate() {
        var date = new Date();
        var seperator1 = "-";
        var seperator2 = ":";
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
            + " " + date.getHours() + seperator2 + date.getMinutes()
            + seperator2 + date.getSeconds();
        return currentdate;
    }
</script>

二、 作为独立组件使用 下载laydate 地址： https://www.layui.com/laydate/  引入资源路径 js就可以了

<input  id="birthDate" name="birthDate" class="form-control" >

<script>
    //执行一个laydate实例
    laydate.render({
        elem: '#birthDate', //指定元素
        max: getNowFormatDate()// 这里是设置最大日期
    });
    function getNowFormatDate() {
        var date = new Date();
        var seperator1 = "-";
        var seperator2 = ":";
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
            + " " + date.getHours() + seperator2 + date.getMinutes()
            + seperator2 + date.getSeconds();
        return currentdate;
    }
</script>

对了，不客气，我的名字叫雷锋！