Layui 日期选择控件

Layui 的 layDate 是一个功能丰富的日期选择控件,支持年选择器、年月选择器、日期选择器、时间选择器和日期时间选择器等多种选择方式,并允许范围选择。可以作为 layui 模块的一部分使用,也可以直接使用 layDate 独立版。通过 laydate.render(options) 或 laydate.set(options) 方法设置基础参数,如 elem、type、range、format 等,来定制日期选择器的行为。初始值、最小和最大范围以及自定义触发事件等选项提供了更多的灵活性。
摘要由CSDN通过智能技术生成

日期和时间选择器:
layDate 中包含了大量实用的功能,其中主要以:年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心,并且均支持范围选择(即双控件)。

快速使用
和 layer 一样,你可以在 layui 中使用 layDate,也可直接使用 layDate 独立版,请按照你的实际需求来选择。

  1. 在 layui 模块中使用
    下载 layui 后,引入layui.css和layui.js即可。通过layui.use(‘laydate’, callback)加载模块后,再调用方法

  2. 作为独立组件使用
    去 layDate 独立版本官网下载组件包,引入 laydate.js 即可直接调用方法使用

基础参数选项
通过核心方法:laydate.render(options) 来设置基础参数,也可以通过方法:laydate.set(options) 来设定全局基础参数.
elem - 绑定元素 类型:String/DOM,默认值:无
必填项,用于绑定执行日期渲染的元素,值一般为选择器,或DOM对象
type - 控件选择类型 类型:String,默认值:date
用于单独提供不同的选择器类型,可选值如下表:
在这里插入图片描述

range - 开启左右面板范围选择 类型:Boolean/String

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值