layui系列中layDate的使用教程网址 https://www.layui.com/laydate/

我这里简单举例:

1、引入js

<script type="text/javascript" src="layui-v2.4.3/layui.js"></script>

2、layui重定义layDate

 layui.use(['laydate'], function () {
      var laydate = layui.laydate;
      //执行一个laydate实例
      laydate.render({
          elem: '#time',
          type: 'year',//年-year 年月-month 年月日-day
          //默认显示当前日期
          value: new Date()
      });
});

3、页面显示

<div>
                <label for="time">年份</label>
                <input class="layui-input" name="time" id="time" autocomplete="off" class="form-control" >
            </div>

完毕!

相关文章:

  • 2021-11-23
  • 2021-09-05
  • 2021-09-07
  • 2022-01-23
  • 2021-11-12
  • 2022-01-22
  • 2021-07-16
  • 2021-05-22
猜你喜欢
  • 2022-01-10
  • 2021-05-05
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-06
  • 2022-01-12
相关资源
相似解决方案