无码一级a做爰片免费网站/电商网

无码一级a做爰片免费网站,电商网,网页动态设计软件,惠州网站建设3wwwnet目录 一:基本用法 API 渲染 属性 弹出提示 2.8 获取实例 2.8 解除实例绑定 2.8 关闭日期面板 2.7 获取某月的最后一天 二:常规用法 三:多类型选择器 四:范围选择 五:直接静态显示 六:更多功能…

目录

一:基本用法

API

渲染

属性

弹出提示 2.8+

获取实例 2.8+

解除实例绑定 2.8+

关闭日期面板 2.7+

获取某月的最后一天

二:常规用法

三:多类型选择器

 四:范围选择

五:直接静态显示

六:更多功能示例


一:基本用法

           Layui 是一个基于 jQuery 的前端UI框架,它提供了众多的组件和工具,其中包括日期选择器组件。在 Layui 中使用日期选择器组件非常简单,只需要引入 Layui 的CSS和JS文件,然后在HTML代码中添加一个元素,如:

<input type="text" class="layui-input" id="test-date" placeholder="请选择日期">

接下来在JavaScript代码中初始化日期选择器组件,并设置相应的参数,如:

layui.use('laydate', function(){var laydate = layui.laydate;//执行一个laydate实例laydate.render({elem: '#test-date' //指定元素});
});

其中,laydate.render方法用于初始化日期选择器,elem参数指定要绑定日期选择器的元素

API

API描述
var laydate = layui.laydate获得 laydate 模块。
laydate.render(options)laydate 组件渲染,核心方法。
laydate.hint(id, opts) 2.8+在对应的 laydate 组件面板上弹出提示层。
laydate.getInst(id) 2.8+获取组件对应的渲染实例。
laydate.unbind(id) 2.8+对目标元素解除当前实例的绑定。
laydate.close(id) 2.7+关闭日期面板。
laydate.getEndDate(month, year)获取某月的最后一天

渲染

laydate.render(options);

  • 参数 options : 基础属性配置项。
    注 2.8+ : 除 elem 属性外,其他基础属性也可以直接写在元素的 lay-options="{}" 属性中。
<input type="text" id="ID-test-laydate">
<input type="text" class="class-test-laydate" lay-options="{value: '2016-10-14'}">
<input type="text" class="class-test-laydate" lay-options="{value: '2017-08-21'}"><script>
layui.use(function(){var laydate = layui.laydate;// 单个渲染laydate.render({elem: '#ID-test-laydate'});// 批量渲染laydate.render({elem: '.class-test-laydate'});
});
</script>

属性

属性名描述类型默认值
elem

绑定元素选择器或 DOM 对象

string/DOM-

type

组件面板选择类型。支持以下可选值:

  • year 年选择器,只提供年列表选择
  • month 年月选择器,只提供年、月选择
  • date 日期选择器(默认),可选择:年、月、日选择
  • time 时间选择器,只提供时、分、秒选择
  • datetime 日期时间选择器,可选择:年月日、时分秒

效果详见: #示例

string

date

range

开启左右面板的范围选择,将会根据 type 类型呈现对应的范围选择面板。该属性值支持以下类型:

  • 若为 boolean 类型,即表示是否开启范围选择,若设为 true,则开始日期与结束日期默认采用 - 连接符
  • 若为 string 类型,则表示开启范围选择,且自定义开始日期与结束日期的连接符。如: range: '~'
  • 若为 boolean 类型,即表示开启范围选,且开始日期和结束日期分别赋值在两个目标选择器中,如:
 
  1. range: ['#start', '#end']

详细用法可参考: #示例

boolean
string
array

false

rangeLinked 2.8+

是否开启日期范围选择时的区间联动标注模式,该必须开启 range 属性后生效。日期范围默认采用的是左右面板独立选择模式,设置该属性后,将采用左右面板联动选择模式
效果详见: #示例

boolean

false

fullPanel 2.8+

是否开启全面板,即日期和时间显示在同一面板。 当 type: 'datetime' 且未设置 range 属性时生效。
效果详见: #示例

boolean

false

format

自定义日期和时间值的返回格式,默认值: yyyy-MM-dd。 其格式符规则如下:

格式符描述
yyyy年份,输出四个字符。若不足四位,则前置补零
y年份,允许一位
MM月份,输出两个字符。若不足两位,则前置补零
M月份,允许一位
dd日期,输出两个字符。若不足两位,则前置补零
d日期,允许一位
HH小时,输出两个字符。若不足两位,则前面补零
H小时,允许一位
mm分钟,输出两个字符。若不足两位,则前面补零
m分钟,允许一位
ss秒数,输出两个字符。若不足两位,则前面补零
s秒数,允许一位

通过上述格式符组成日期时间字符串,如下所示:

 
  1. // 返回值示例: 2008-08-08 20:08:08
  2. format: 'yyyy-MM-dd HH:mm:ss'
  3. // 返回值示例: 北京时间 6 点 30 分
  4. format: '北京时间 H 点 m 分'

相关用法可参考: #示例

value

初始值。值支持以下类型:

  • 若为 string 类型,则必须和 format 属性的格式对应。
 
  1. value: '2018-08-18'
  • 若为 date 对象类型,则赋值 new Date() 的实例即可。
 
  1. value: new Date(1534766888000) // 参数即为:2018-08-20 20:08:08 的毫秒数
string
date

new Date()

isInitValue

是否将初始值填充在目标元素中,一般配合 value 属性使用

boolean

false

shortcuts 2.8+

用于开启面板左侧的快捷选择栏。其值配置规则如下:

 
  1. shortcuts: [
  2. {
  3. text: "快捷选项文本",
  4. value: '快捷选项值'
  5. },
  6. // 更多选项 …
  7. ]

其中 value 支持以下类型:

  • 若为 string 类型,必须和 format 设置的格式对应;
  • 若为 date 对象类型,则可通过操作 new Date() 来对选项值进行相应的返回计算;
  • 若为 array 类型,则数组成员可填写开始日期和结束日期。

详细用法可参考: #示例

string
date
array
-
weekStart 2.7+

设置起始周。 支持 0-6 的数字,0 即代表从周日开始。

 
  1. weekStart: 1 // 设置周一为起始周
number

0

isPreview

用于是否在面板左下角显示当前结果的预览。当 type:datetime 时强制为 false

boolean

true

min / max

限制可供选择的最小或最大日期时间值。默认值:

  • min: '1900-1-1'
  • max: '2099-12-31'

属性值支持以下可选类型:

  • 若值为字符类型,则:年月日必须用 - 连接,且时分秒必须用 : 连接。 此处无需遵循 format 设定的格式;
  • 若值为整数类型,且数字 < 86400000,则数字代表天数,如: min: -7 即代表最小日期在 7 天前,正数代表若干天后;
  • 若值为整数类型,且数字 ≥ 86400000,则数字代表毫秒数,如:max: 4073558400000 即代表最大日期在公元 3000年1月1日。

示例:

 
  1. min: '2017-1-1 00:00:00' // 最小日期时间值
  2. min: -7 // 最小日期为 7 天前
  3. max: 7 // 最大日期为 7 天后

相关效果可参考: #示例

trigger

自定义弹出组件面板的事件

string

click

show

是否在渲染时默认显示组件面板。组件在执行渲染时,默认需通过触发目标元素的事件,方可显示组件面板,而该属性可跳过目标元素的事件,直接显示组件面板。

boolean

false

position

设置组件面板的定位方式。支持以下可选值:

  • absolute 绝对定位,始终吸附在绑定元素周围。
  • fixed 固定定位,初始吸附在绑定元素周围,不随浏览器滚动条所左右。一般用于在固定定位的弹层中使用。
  • static 静态定位,控件将直接嵌套显示在指定容器中。用法详见:#示例
string

absolute

zIndex

设置组件面板的层叠顺序。一般用于解决与其它元素的互相被遮掩的问题。若 positio: 'tatic' 时,则该属性无效。

number

99999999

shade 2.8+

用于开启弹出日期面板时的遮罩。值支持以下可选类型:

  • 若为 number 类型,则表示遮罩透明度。如:
 
  1. shade: 0.5
  • 若为 array 类型,则可设置遮罩颜色和透明度,如:
 
  1. shade: [0.5, '#000'] // 遮罩的透明度和背景色

效果详见: #示例

number
array
-
showBottom

是否显示组件面板的底部栏

boolean

true

btns

自定义排版组件面板底部栏中的按钮,按钮将按照数组顺序排列。内置按钮名称:clear,now,confirm 。

 
  1. // 显示清空、确认按钮
  2. btns: ['clear', 'confirm']
array-
autoConfirm 2.8+

是否在选中目标值时即自动确认。

boolean

true

lang

设置组件的语言版本。可选值如下:

  • cn 中文版
  • en 英文版
string

cn

theme

设置组件面板主题。除了默认主题,还内置主题: molv grid ,且支持直接传入自定义的主题色。

 
  1. theme: '#FF5722'

注 2.8+ : 多个主题可用数组格式,如:

 
  1. theme: ['grid', '#FF5722']

效果及用法详见: #示例

string
array
-
calendar

是否显示我国常见的公历节日。当 lang: 'en' 时无效。

boolean

true

mark

自定义日期标记。该属性是对 `calendar` 属性的进一步延伸,灵活度更高。属性可批量设置多个日期标记,如:

 
  1. mark: {
  2. '0-10-14': '生日', //每年每月的某一天
  3. '0-0-10': '工资', // 每月 10 号
  4. '2008-8-8': '开幕', // 指定的日期
  5. }

前缀 0- 即代表每年,0-0- 即代表每年每月。

效果详见: #示例

object-

holidays 2.7+

用于标注节假日及补班日。值是一个二维数组,如:

 
  1. holidays: [
  2. // 2023 年的节假日
  3. ['2023-1-1','2023-1-2','2023-1-3'],
  4. // 2023 年的补班日
  5. ['2023-1-28','2023-1-29']
  6. ]

相关日期值可详细参考国家每年公布的法定节假日安排

效果详见: #示例

array-

回调函数

ready

组件面板初始打开的回调函数。返回的参数如下:

 
  1. ready: function(date){
  2. /* 得到初始的日期时间对象,date 参数格式如下:
  3. {
  4. year: 2017, // 年
  5. month: 8, // 月
  6. date: 18, // 日
  7. hours: 0, // 时
  8. minutes: 0, // 分
  9. seconds: 0 // 秒
  10. }
  11. */
  12. console.log(date);
  13. }

change

日期时间被切换后的回调函数。返回的参数如下:

 
  1. change: function(value, date, endDate){
  2. console.log(value); // 日期字符,如: 2017-08-18
  3. console.log(date); // 包含年月日时分秒各项值的对象
  4. console.log(endDate); // 结束日期时间对象,当设置 range 时才会返回。对象成员同上。
  5. }

done

日期时间选择完毕的回调函数,点击清空、现在、确定也均会触发。返回的参数如下:

 
  1. done: function(value, date, endDate){
  2. console.log(value); // 日期字符,如: 2017-08-18
  3. console.log(date); // 包含年月日时分秒各项值的对象
  4. console.log(endDate); // 结束日期时间对象,当设置 range 时才会返回。对象成员同上。
  5. }
onConfirm 2.8+

点击底部栏「确定」按钮时的回调函数。返回的参数同 done

onNow 2.8+

点击底部栏「现在」按钮时的回调函数。返回的参数同 done

onClear 2.8+

点击底部栏「清空」按钮时的回调函数。返回的参数同 done

close 2.7+

组件面板被关闭(移除)后的回调函数。无返回参数。

弹出提示 2.8+

laydate.hint(id, opts);

  • 参数 id : 组件渲染时定义的 id 属性值
  • 参数 opts : 该方法支持的属性可选项,详见下表
opts描述类型默认值
content提示内容string-
ms提示层自动消失所需的毫秒数number3000

该方法用于在指定的日期面板弹出一个提示层

var laydate = layui.laydate;
// 渲染
laydate.render({
elem: '', // 绑定元素选择器
id: 'test', // 自定义 id
// 其他属性 …
});
// 弹出提示
laydate.hint('test', {
content: '提示内容'
});

获取实例 2.8+

laydate.getInst(id);

  • 参数 id : 组件渲染时定义的 id 属性值

该方法用于在获取 laydate 对应 id 的渲染实例,以获得该实例对应的成员属性

var laydate = layui.laydate;
// 渲染
laydate.render({elem: '', // 绑定元素选择器id: 'test', // 自定义 id // 其他属性 …
});
// 获取对应的实例
var inst = laydate.getInst('test');
console.log(inst); // 实例对象

解除实例绑定 2.8+

laydate.unbind(id);

  • 参数 id : 组件渲染时定义的 id 属性值

该方法用于对目标元素对应的实例的完全解除,即触发元素事件时,不再执行组件渲染

var laydate = layui.laydate;
// 渲染
laydate.render({elem: '', // 绑定元素选择器id: 'test', // 自定义 id // 其他属性 …
});
// 解除对应的实例绑定
laydate.unbind('test');

关闭日期面板 2.7+

laydate.close(id);

  • 参数 id : 组件渲染时定义的 id 属性值。 若 id 参数不填,则关闭当前打开的日期面板

该方法用于关闭对应的日期面板

ar laydate = layui.laydate;
// 渲染
laydate.render({elem: '', // 绑定元素选择器id: 'test', // 自定义 id // 其他属性 …
});
// 关闭对应的日期面板
laydate.cllose('test');

获取某月的最后一天

laydate.getEndDate(month, year);

  • 参数 month : 月份,默认为当前月。
  • 参数 year : 年份,默认为今年。

该方法用于获取某个月份的最后一天

var days1 = laydate.getEndDate(10); // 获得 10 月的最后一天为 31 号
var days2 = laydate.getEndDate(2, 2080); // 获得 2080 年 2 月的最后一天为 29 号

二:常规用法

<div class="layui-form"><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label">中文版</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-demo" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label">国际版</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-demo-en" placeholder="yyyy-MM-dd"></div></div></div>
</div>
<script>
layui.use(function(){var laydate = layui.laydate;// 渲染laydate.render({elem: '#ID-laydate-demo'});// 英文版laydate.render({elem: '#ID-laydate-demo-en',lang: 'en'});
});
</script>

三:多类型选择器

默认为日期选择器,即上文「常规用法」示例中的效果。以下主要呈现其他类型选择器:

 

<div class="layui-form"><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label">年选择器</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-type-year" placeholder="yyyy"></div></div><div class="layui-inline"><label class="layui-form-label">年月选择器</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-type-month" placeholder="yyyy-MM"></div></div><div class="layui-inline"><label class="layui-form-label">时间选择器</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-type-time" placeholder="HH:mm:ss"></div></div><div class="layui-inline"><label class="layui-form-label">日期时间选择器</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-type-datetime" placeholder="yyyy-MM-dd HH:mm:ss"></div></div></div><hr><h5 style="margin-bottom: 16px;">同时显示日期和时间选择器(全面板) <sup>2.8+</sup> :</h5><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label">日期时间选择器</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-type-datetime-1" placeholder="yyyy-MM-dd HH:mm:ss"></div></div></div>
</div>
<script>
layui.use(function(){var laydate = layui.laydate;// 年选择器laydate.render({elem: '#ID-laydate-type-year',type: 'year'});// 年月选择器laydate.render({elem: '#ID-laydate-type-month',type: 'month'});// 时间选择器laydate.render({elem: '#ID-laydate-type-time',type: 'time'});// 日期时间选择器laydate.render({elem: '#ID-laydate-type-datetime',type: 'datetime'});// 日期时间选择器 - 日期和时间选择器同时显示(全面板)laydate.render({elem: '#ID-laydate-type-datetime-1',type: 'datetime',fullPanel: true // 2.8+});
});
</script>

 四:范围选择

<div class="layui-form"><h5 style="margin-bottom: 16px;">左右面板<strong class="layui-font-red">独立</strong>选择模式(默认) :</h5><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label">日期范围</label><div class="layui-inline" id="ID-laydate-range"><div class="layui-input-inline"><input type="text" autocomplete="off" id="ID-laydate-start-date" class="layui-input" placeholder="开始日期"></div><div class="layui-form-mid">-</div><div class="layui-input-inline"><input type="text" autocomplete="off" id="ID-laydate-end-date" class="layui-input" placeholder="结束日期"></div></div></div></div><h5 style="margin-bottom: 16px;">左右面板<strong class="layui-font-red">联动</strong>选择模式 <sup>2.8+</sup> :</h5><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label">日期范围</label><div class="layui-inline" id="ID-laydate-rangeLinked"><div class="layui-input-inline"><input type="text" autocomplete="off" id="ID-laydate-start-date-1" class="layui-input" placeholder="开始日期"></div><div class="layui-form-mid">-</div><div class="layui-input-inline"><input type="text" autocomplete="off" id="ID-laydate-end-date-1" class="layui-input" placeholder="结束日期"></div></div></div></div><h5 style="margin-bottom: 16px;">其他类型的范围选择 :</h5><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label">年范围</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-range-year" placeholder=" - "></div></div><div class="layui-inline"><label class="layui-form-label">年月范围</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-range-month" placeholder=" - "></div></div><div class="layui-inline"><label class="layui-form-label">时间范围</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-range-time" placeholder=" - "></div></div><div class="layui-inline"><label class="layui-form-label">日期时间范围</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-range-datetime" placeholder=" - "></div></div></div>
</div>
<script>
layui.use(function(){var laydate = layui.laydate;// 日期范围 - 左右面板独立选择模式laydate.render({elem: '#ID-laydate-range',range: ['#ID-laydate-start-date', '#ID-laydate-end-date']});// 日期范围 - 左右面板联动选择模式laydate.render({elem: '#ID-laydate-rangeLinked',range: ['#ID-laydate-start-date-1', '#ID-laydate-end-date-1'],rangeLinked: true // 开启日期范围选择时的区间联动标注模式 ---  2.8+ 新增});// 年范围laydate.render({elem: '#ID-laydate-range-year',type: 'year',range: true});// 年月范围laydate.render({elem: '#ID-laydate-range-month',type: 'month',range: true});// 时间范围laydate.render({elem: '#ID-laydate-range-time',type: 'time',range: true});// 日期时间范围laydate.render({elem: '#ID-laydate-range-datetime',type: 'datetime',range: true});
});
</script>

五:直接静态显示

<div class="ws-demo-static"><div class="layui-inline" id="ID-laydate-static-1"></div><div class="layui-inline" id="ID-laydate-static-2"></div><div class="layui-inline" id="ID-laydate-static-3"></div><div class="layui-inline" id="ID-laydate-static-4"></div>
</div>
<script>
layui.use(function(){var laydate = layui.laydate;// 直接嵌套显示laydate.render({elem: '#ID-laydate-static-1',position: 'static'});laydate.render({elem: '#ID-laydate-static-2',position: 'static',lang: 'en'});laydate.render({elem: '#ID-laydate-static-3',type: 'month',position: 'static'});laydate.render({elem: '#ID-laydate-static-4',type: 'time',position: 'static'});
});
</script>

六:更多功能示例

 

<div class="layui-form"><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label">初始赋值</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-value" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label">选中后的回调</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-done" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label">日期切换的回调</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-change" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label">不出现底部栏</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-bottom" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label">只出现确定按钮</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-btns" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label">自定义事件</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-trigger" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label" id="ID-laydate-more-event-1">点我触发</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-event" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label" id="ID-laydate-more-dblclick">双击我触发</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-dblclick-input" placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label">日期只读</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-readonly" readonly placeholder="yyyy-MM-dd"></div></div><div class="layui-inline"><label class="layui-form-label">非 input 元素</label><div class="layui-input-inline"><div id="ID-laydate-more-div" style="height: 38px; line-height: 38px; cursor: pointer; border-bottom: 1px solid #e2e2e2;"></div></div></div><div class="layui-inline"><label class="layui-form-label">开启遮罩</label><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-shade" readonly placeholder="yyyy-MM-dd"></div><div class="layui-form-mid layui-text-em"><sup>2.8+</sup></div></div></div>
</div>
<h5 style="margin-bottom: 15px; font-weight: 700;">覆盖实例与解除实例 <sup>2.8+</sup> : 
</h5>
<div class="layui-form"><div class="layui-form-item"><div class="layui-inline"><div class="layui-form-label" style="padding: 0; text-align: left;"><select lay-filter="filter-demo-laydate-reset"><option value="year">年份</option><option value="month">月份</option><option value="date" selected>日期</option><option value="time">时间</option><option value="other">解除</option></select></div><div class="layui-input-inline"><input type="text" class="layui-input" id="ID-laydate-more-reset" autocomplete="off"></div></div></div>
</div>
<script>
layui.use(function(){var laydate = layui.laydate;var form = layui.form;// 初始赋值laydate.render({elem: '#ID-laydate-more-value',value: '2016-10-14',isInitValue: true});// 选中后的回调laydate.render({elem: '#ID-laydate-more-done',done: function(value, date){layer.alert('你选择的日期是:' + value + '<br>获得的对象是' + JSON.stringify(date));}});// 日期切换的回调laydate.render({elem: '#ID-laydate-more-change',change: function(value, date){layer.msg('你选择的日期是:' + value + '<br><br>获得的对象是' + JSON.stringify(date));}});// 不出现底部栏laydate.render({elem: '#ID-laydate-more-bottom',showBottom: false});// 只出现确定按钮laydate.render({elem: '#ID-laydate-more-btns',btns: ['confirm']});// 自定义事件laydate.render({elem: '#ID-laydate-more-trigger',trigger: 'mousedown'});// 点我触发laydate.render({elem: '#ID-laydate-more-event',eventElem: '#ID-laydate-more-event-1',trigger: 'click'});// 双击我触发lay('#ID-laydate-more-dblclick').on('dblclick', function(){laydate.render({elem: '#ID-laydate-more-dblclick-input',show: true,closeStop: '#ID-laydate-more-dblclick',});});// 日期只读laydate.render({elem: '#ID-laydate-more-readonly',trigger: 'click',});// 非 input 元素laydate.render({elem: '#ID-laydate-more-div'});// 开启遮罩laydate.render({elem: '#ID-laydate-more-shade',triggdestroyer: 'click',shade: 0.8 // 遮罩透明度 --- 2.8+});// 覆盖实例与销毁实例var inst = laydate.render({elem: '#ID-laydate-more-reset'});form.on("select(filter-demo-laydate-reset)", function (obj) {var value = obj.value;var options = inst.config;var elem = options.elem[0];if (value === "other") {laydate.unbind(options.id); // 解绑实例 --- 2.8+elem.focus();} else {// 覆盖渲染laydate.render({elem: elem,type: value,show: true // 渲染即显示});}});
});
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/84082.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

断点测试怎么做?一文教你用Charles 工具做好接口测试!

在测试工作过程中&#xff0c;我们经常会在程序的某一行或者某一环节设置断点&#xff0c;在程序请求的过程中&#xff0c;修改断点处的参数、请求或者响应&#xff0c;借此定位问题&#xff0c;这就是所谓的断点测试。这类断点测试主要用于接口测试。 断点测试可以通过查看接…

C语言关于自定义字符函数和字符串函数的相关笔试题(找工作必看)

本篇字符函数和字符串函数 求字符串长度 strlen 长度不受限制的字符串函数 strcpy strcat strcmp 长度受限制的字符串函数介绍 strncpy strncat strncmp 字符串查找 strstr strtok 错误信息报告 strerror 内存操作函数 memcpy memmove memset memcmp 在我们笔试时&#xff0c;很…

mysql限制用户登录失败次数,限制时间

mysql用户登录限制设置 mysql 需要进行用户登录次数限制,当使用密码登录超过 3 次认证链接失败之后,登录锁住一段时间,禁止登录这里使用的 mysql: 8.1.0 这种方式不用重启数据库. 配置: 首先进入到 mysql 命令行:然后需要安装两个插件: 在 mysql 命令行中执行: mysql> INS…

易基因|ONT:三代原核甲基化在痤疮杆菌噬菌体表观遗传印迹中的工程选择性研究

大家好&#xff0c;这里是专注表观组学十余年&#xff0c;领跑多组学科研服务的易基因。 痤疮表皮杆菌&#xff08;Cutibacterium acnes&#xff0c;C.acnes&#xff09;是一种革兰氏阳性细菌&#xff0c;是人类皮肤微生物组成员。尽管是最丰富的皮肤共生体&#xff0c;但某些…

详细介绍下VLAN隔离与VLAN之间互联

什么VLAN&#xff1f; VLAN代表虚拟局域网&#xff08;Virtual Local Area Network&#xff09;&#xff0c;它是一种在物理网络基础上创建逻辑上独立的虚拟网络的技术。VLAN允许将一个局域网划分为多个虚拟的逻辑网络&#xff0c;这些虚拟网络在逻辑上相互隔离&#xff0c;就…

支付宝开发问题:很抱歉,系统监测到你的支付宝账号有异常,入驻失败,如需帮助请拨打热线

想开发个支付宝小程序&#xff0c;结果困难重重啊 妹的&#xff0c;这一个星期一直都被这个问题困扰&#xff0c;找了一个个体户资质&#xff0c;一直失败&#xff0c;专门去注册了一个公司&#xff0c;还是提交失败。 给支付宝客服打电话&#xff0c;跟没打一样&#xff0c;…

外包干了2个月,技术退步明显.......

先说一下自己的情况&#xff0c;大专生&#xff0c;18年通过校招进入武汉某软件公司&#xff0c;干了接近4年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落! 而我已经在一个企业干了四年的功能测…

Windows系统如何部署Wing FTP Server与公网远程访问【内网穿透】

Wing FTP Server安装配置结合内网穿透实现公网访问本地站点 文章目录 Wing FTP Server安装配置结合内网穿透实现公网访问本地站点前言1.Wing FTP Server下载安装2.Wing FTP Server配置部署3.安装cpolar内网穿透3.1 注册账号3.2 下载cpolar客户端3.3 登录cpolar web ui管理界面3…

使用 sklearn 进行数学建模的通用模板

前言 无论是本科和研究生都会有的数学建模含金量还是很高的&#xff0c;下面将介绍一下进行数学建模的一些基本操作方法&#xff0c;这里主要是利用sklearn 进行建模&#xff0c;包括前期的一些数据预处理以及一些常用的机器学习模型以及一些简单粗暴的通用建模步骤&#xff0…

在 Simscape Electrical 中对两区 MVDC 电动船的建模和仿真(Simulink实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

springboot集成mybatis-plus

一、在spring boot中配置mybatis-plus 1、创建一个spring boot项目&#xff0c;注意勾选mysql 2、在pom.xml文件中添加mybatis-plus的依赖包 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0&qu…

Llama-2 推理和微调的硬件要求总结:RTX 3080 就可以微调最小模型

大语言模型微调是指对已经预训练的大型语言模型&#xff08;例如Llama-2&#xff0c;Falcon等&#xff09;进行额外的训练&#xff0c;以使其适应特定任务或领域的需求。微调通常需要大量的计算资源&#xff0c;但是通过量化和Lora等方法&#xff0c;我们也可以在消费级的GPU上…

区块链技术:解密去中心化的革命

文章目录 区块链的基础概念什么是区块链&#xff1f;区块链的核心原理1. 分布式账本2. 区块3. 加密技术4. 共识机制 区块链的工作原理区块链的交易过程区块链的安全性共识机制的作用 区块链的应用领域1. 金融服务2. 供应链管理3. 物联网4. 医疗保健5. 政府与公共服务 区块链的未…

Fair下发产物-布局DSL生成原理

一、概述 大家都知道,Flutter在release环境是以AOT模式运行的,这就决定了我们要做动态化的话无法简单的通过动态下发dart代码执行的。根据Fair团队的前期调研,我们对布局动态化和逻辑动态化的实现采用了两套不同的实现方案,对于布局部分,我们在解析dart源文件之后生成DSL…

蓝桥杯 题库 简单 每日十题 day2

01 卡片 题目描述 本题为填空题&#xff0c;只需要算出结果后&#xff0c;在代码中使用输出语句将所填结果输出即可。 小蓝有很多数字卡片&#xff0c;每张卡片上都是数字 0 到 9。 小蓝准备用这些卡片来拼一些数&#xff0c;他想从 1 开始拼出正整数&#xff0c;每拼一个&a…

RK3568开发笔记(十一):开发版buildroot固件移植一个ffmpeg播放rtsp的播放器Demo

若该文为原创文章&#xff0c;转载请注明原文出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/133022813 红胖子网络科技博文大全&#xff1a;开发技术集合&#xff08;包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬…

LeetCode 25. K 个一组翻转链表

题目链接 力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 题目解析 创建一个哨兵位头结点&#xff0c;然后将其链接在原来头结点的前边&#xff0c;以便于我们后面的便利使用。 每次翻转一小段之前首先判断一下接下里我们要翻转的这一小段的长度是否…

书剑宠物疫苗接种管理软件操作教程

【软件简介】 书剑宠物疫苗接种管理软件是一款宠物疫苗接种管理的工具&#xff0c;适合宠物诊所使用。具有动物主人建档、宠物疫苗接种登记管理、每日提醒、打印疫苗接种通知卡、自定义短信提醒模板等完善的功能。 另外本软件的特色是同时具有手机网页版功能&#xff0c;手机…

uni-app获取元素具体位置获取失败

场景&#xff1a;想要通过链接跳转传递catid&catid2类别id,商品类别id 跳到这一页左侧对应的类别栏上面,同时跳到右侧列表滚动到对应商品那一块区域。 遇到的问题&#xff1a;在for循环中通过绑定id获取不到商品列表的具体位置。 原因&#xff1a;在onReady函数和mounted函…

可视化图表组件之股票数据分析应用

股市是市场经济的必然产物&#xff0c;在一个国家的金融领域之中有着举足轻重的地位。在过去&#xff0c;人们对于市场走势的把握主要依赖于经验和直觉&#xff0c;往往容易受到主观因素的影响&#xff0c;导致决策上出现偏差。如今&#xff0c;通过数据可视化呈现&#xff0c;…