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

淩亂°似流年 2022-05-12 11:30 293阅读 0赞

laydate的常规使用，分为两种方式实现日期组件  
  
一、在 layui 模块中使用 下载layui   地址 ：[https://www.layui.com/][https_www.layui.com]  引入资源路径 js 和 css

![70][]  
通过下面这样加载

<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就可以了

![70 1][]

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

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

[https_www.layui.com]: https://www.layui.com/
[70]: /images/20220512/f870c3056f2449c88a94e2412c11dcdd.png
[70 1]: /images/20220512/ce7824f6f2f24586bcfd037144c4f53e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读

相关 layDate日期插件的使用

于公司使用的是vue+bootstrap，所以在这里记录的是 *laydate 的*独立版本. **[官方插件下载以及实例][Link 1]** **[官方文档参考]...

川长思鸟来/ 2024年04月18日 16:41/ 0 赞/ 80 阅读

相关 java 根据当前日期，获取当周，月开始和结束日期

根据当前时间获取当月开始和结束日期 1、根据当前时间获取当月开始和结束日期 2、根据当前日期获取一周的开始和结束日期 ) 1、根据当前时间获取当月

冷不防/ 2024年02月21日 11:49/ 0 赞/ 71 阅读

相关 laydate动态修改日期类型

$("optionYearBegin").remove(); $("temp").html('<input id="optionYearBegin" class

布满荆棘的人生/ 2023年10月18日 23:57/ 0 赞/ 133 阅读

相关 input输入框输入日期之layDate日期与时间组件的使用

先上效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

桃扇骨/ 2023年06月30日 06:56/ 0 赞/ 151 阅读

相关 Wdatepicker限制日期用法（开始日期不大于结束日期，并且不大于当前日期）

动态变量表格式说明 %y 当前年 %M 当前月 %d 当前日 %ld 本月最后一天 %H 当前时 %m 当前分 %s

Bertha 。/ 2023年06月05日 08:48/ 0 赞/ 2 阅读

相关 mysql计算当前日期上一周的开始日期与结束日期

SELECT YEAR, WEEK, xx.start, SUBSTR(ADDDATE(xx.start, 6),6,10) AS END FROM (

朴灿烈づ我的快乐病毒、/ 2022年06月06日 04:22/ 0 赞/ 673 阅读

相关 layDate(最喜欢的日期组件，没有之一)

之前做的一个项目，一个效果让我耿耿于怀。就是日期选择时，特定的日期或者某个范围内的日期是需要被禁用的。可能之前技术太烂了，没有写出来，今天复习layer的时候看到这个日期组

超、凢脫俗/ 2022年06月02日 12:12/ 0 赞/ 208 阅读

相关 java 根据当前的日期，获取最近N天的日期

实现功能的核心方法 java.util.Calendar add public abstract void add(int field,

电玩女神/ 2022年05月16日 10:12/ 0 赞/ 429 阅读

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

laydate的常规使用，分为两种方式实现日期组件一、在 layui 模块中使用下载layui 地址：[https://www.layui.com/][ht

淩亂°似流年/ 2022年05月12日 11:30/ 0 赞/ 294 阅读

相关 WdatePicker 最大日期和最小日期限制

<ul class="lina-col"> <li class="col-md-6 p0"> <span class="fl">

电玩女神/ 2022年03月19日 13:56/ 0 赞/ 656 阅读