layui ri laydate的常规使用,并且日期最大不能超过当前日期

Posted mica

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui ri laydate的常规使用,并且日期最大不能超过当前日期相关的知识,希望对你有一定的参考价值。

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>

 

以上是关于layui ri laydate的常规使用,并且日期最大不能超过当前日期的主要内容,如果未能解决你的问题,请参考以下文章

layui之时间日期组件

layui中时间插件laydate的使用

layUI独立组件layer-laydate-laypage项目实践用法

学习layer和laydate的官方文档

layui设置当前时间之前和之后不可选

LayUI laydate日期选择器自定义 快捷选中今天昨天 本周本月等等