当前位置: 代码迷 >> 综合 >> Layui 时间日期选择器的初始化
  详细解决方案

Layui 时间日期选择器的初始化

热度:112   发布时间:2023-11-22 13:08:41.0

使用

HTML部分

   <input name="queryObj.ledgerDate" id="ledgerDate" lay-verify="required" placeholder="请输入更新人ID" autocomplete="off" class="layui-input">

JS部分

    laydate.render({
    elem: '#checkTime', //指定元素type:'date',theme:'molv',trigger: 'click'});

属性详解

type - 控件选择类型
类型:String,默认值:date

用于单独提供不同的选择器类型,可选值如下表:
在这里插入图片描述
theme - 主题
类型:String,默认值:default

我们内置了多种主题,theme的可选值有:default(默认简约)、molv(墨绿背景)、#颜色值(自定义颜色背景)、grid(格子主题)
在这里插入图片描述

trigger - 自定义弹出控件的事件
类型:String,默认值:focus,如果绑定的元素非输入框,则默认事件为:click
在这里插入图片描述

  相关解决方案