Layui日期插件

这篇博客介绍了如何在Layui框架中使用日期插件,包括elem、type、range和format等参数的详细说明,以及如何自定义日期格式和实现范围选择。通过实例展示了在网页中简单集成日期插件的方法。
摘要由CSDN通过智能技术生成

Layui日期插件
开发工具与关键技术: Visual Studio 2015 – Layui日期插件
作者:廖亚星
撰写时间:2019年 6 月1日

Layui中的日期插件中包含很多样式,我们可以自己去选入设定
elem-绑定元素
类型:string/DOM
必填项,用于绑定执行日期渲染的元素,值一般为选择器,或DOM对象

  1. laydate.render({
  2. elem: ‘#test’ //或 elem: document.getElementById(‘test’)、elem: lay(’#test’) 等
  3. });
    type-控件选择类型
    类型:String,默认值date
    用于单独提供不同的选择器类型,可选值如下:
    type可选值 名称 用途
    year 年选择器 只提供年列表选择
    month 年月选择器 只提供年、月选择
    date 日期选择器 可选择:年、月、日。type默认值,一般可不填
    time 时间选择器 只提供时、分、秒选择
    datetime 日期时间选择器 可选择:年、月、日、时、分、秒
    range-开启左右面板范围选择
    类型:Boolean/String,默认值:false,如果设置 true,将默认采用 “ - ” 分割
  4. //年月范围选择
  5. laydate.render({
  6. elem: ‘#test’
  7. ,type: ‘month’
  8. ,range: true //或 range: ‘~’ 来自定义分割字符
  9. });

format - 自定义格式
类型:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值