laydate设置时间不超过当前时间

最新推荐文章于 2022-09-08 16:20:04 发布

转载最新推荐文章于 2022-09-08 16:20:04 发布 · 596 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/wh20xy/p/13601313.html

文章标签：

#javascript #layui

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用layui库的laydate插件，实现在网页中动态生成并显示当前日期，适合时间选择控件的实现。通过JavaScript函数getNowFormatDate()获取并格式化当前日期。


<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>