layui-laydate时间日历控件弹出框详细示例

最新推荐文章于 2021-09-03 17:50:11 发布

猿帥

最新推荐文章于 2021-09-03 17:50:11 发布

阅读量2.1k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/han_shuai_/article/details/110185815

版权

效果如图：

页面input框：

要引入css日期控件样式：

为方便粘贴复制，代码如下：

<script>
    var now = new Date();
    var month = now.getMonth() + 1;
    var strDate = now.getFullYear() + '-' + month + '-' + now.getDate();
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#leaveDate'
            ,min: strDate
            ,showBottom: false
            ,theme: '#5F9BFF'

        });
    });
</script>