layui之日期和时间组件

Posted youcong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui之日期和时间组件相关的知识,希望对你有一定的参考价值。

参考文档:https://www.layui.com/doc/modules/laydate.html
代码片段如下:

layui.use(laydate, function(){
          var laydate = layui.laydate;

          laydate.render({
            elem: #createDate, // 指定元素
            type:datetime
          });
        });

效果图如下:

技术图片

其中type默认值为date(年月日),有如下几个可选值:

技术图片

 

以上是关于layui之日期和时间组件的主要内容,如果未能解决你的问题,请参考以下文章

easyui基于 layui.laydate日期扩展组件

日期时间插件--日期时间组件文档 - layui.laydate

Layui弹出层日期和时间选择即时通讯分页

layUI之DataTable组件V1.0(父子表管理传值/数据表格与select&laydate结合等)

Layui日期选择器+两个日期之间天数计算

使用layui框架实战之栅格系统和菜单评分组件运用心得