LayerUI学习记录--日期和时间控件

开发管理系统时有一个“最后期限”的概念,需要详细到年月日时分,这里用到了LayerUI的日期和时间控件

layui.laydate

官方文档里有两种使用的方法

1、在layerui模块中使用

需要下载layerui,引入css与js,通过layui.use('laydate', callback)加载模块后,再调用方法

2、作为独立组件使用

去layDate独立版官网http://www.layui.com/laydate/下载, 引入layerDate.js, 直接调用方法使用

我选择了第二种方法

步骤:

1、先写一个input,需要赋值id属性

LayerUI学习记录--日期和时间控件_第1张图片

我用了自定义标签, 普通input也可以.

2、再写script,引入layeDate组件,并指定给deadline

LayerUI学习记录--日期和时间控件_第2张图片

type

其中type为组件的类型,官方文档中有这几种分类供使用

LayerUI学习记录--日期和时间控件_第3张图片

效果

LayerUI学习记录--日期和时间控件_第4张图片LayerUI学习记录--日期和时间控件_第5张图片

你可能感兴趣的:(LayerUI)