layDate——初步使用

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>

完毕!

posted @ 2018-11-27 10:13  kerala  阅读(272)  评论(0编辑  收藏  举报