Merge branch '2.x' of github.com:layui/layui into 2.x

This commit is contained in:
贤心
2023-05-03 19:00:49 +08:00
11 changed files with 37 additions and 19 deletions

View File

@@ -89,7 +89,7 @@ range: ['#start', '#end']
<td>rangeLinked <sup>2.8+</sup></td>
<td>
是否开启日期范围选择时的区间联动标注模式,该必须开启 `range` 属性生效。日期范围默认采用的是*左右面板独立选择模式*,设置该属性后,将采用*左右面板联动选择模式*。
是否开启日期范围选择时的区间联动标注模式,该模式必须开启 `range` 属性才能生效。日期范围默认采用的是*左右面板独立选择模式*,设置该属性后,将采用*左右面板联动选择模式*。
<br>效果详见: [#示例](#demo-range)
</td>
@@ -356,7 +356,7 @@ max: 7 // 最大日期为 7 天后
<td>zIndex</td>
<td>
设置组件面板的层叠顺序。一般用于解决与其它元素的互相被遮掩的问题。若 `positio: 'tatic'` 时,则该属性无效。
设置组件面板的层叠顺序。一般用于解决与其它元素的互相被遮掩的问题。若 `position: 'static'` 时,则该属性无效。
</td>
<td>number</td>
@@ -465,7 +465,7 @@ btns: ['clear', 'confirm']
<div id="options.theme" class="ws-anchor">
设置组件面板主题。除了默认主题,还内置主题: `molv` `grid` ,且支持直接传入自定义的主题色。
设置组件面板主题。除了默认主题,还内置主题: `molv` `grid` `circle`<sup>2.8+</sup> ,且支持直接传入自定义的主题色。
</div>
@@ -508,7 +508,9 @@ theme: ['grid', '#FF5722']
<td>
<div id="options.mark" class="ws-anchor">
自定义日期标记。该属性是对 `calendar` 属性的进一步延伸,灵活度更高。属性可批量设置多个日期标记,如:
</div>
```

View File

@@ -18,6 +18,12 @@
<input type="text" class="layui-input" id="ID-laydate-theme-grid" 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-theme-circle" placeholder="yyyy-MM-dd">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">混合主题</label>
<div class="layui-input-inline">
@@ -50,6 +56,12 @@ layui.use(function(){
theme: 'grid'
});
// 圆圈高亮主题
laydate.render({
elem: 'ID-laydate-theme-circle',
theme: 'circle' // 2.8+新增主题
});
// 混合主题
laydate.render({
elem: '#ID-laydate-theme-multi',

View File

@@ -36,7 +36,7 @@ toc: true
| [laydate.getInst(id)](#getInst) <sup>2.8+</sup> | 获取组件对应的渲染实例。 |
| [laydate.unbind(id)](#close) <sup>2.8+</sup> | 对目标元素解除当前实例的绑定。 |
| [laydate.close(id)](#close) <sup>2.7+</sup> | 关闭日期面板。 |
| [laydate.getEndDate(month, year)](#getEndDate) | 获取某月的最后一天 |
| [laydate.getEndDate(month, year)](#getEndDate) | 获取某月的最后一天 |
<h3 id="render" lay-toc="{level: 2}">渲染</h3>
@@ -106,7 +106,7 @@ laydate.hint('test', {
- 参数 `id` : 组件渲染时定义的 `id` 属性值
该方法用于获取 laydate 对应 id 的渲染实例,以获得该实例对应的成员属性。
该方法用于获取 laydate 对应 id 的渲染实例,以获得该实例对应的成员属性。
```
var laydate = layui.laydate;
@@ -128,7 +128,7 @@ console.log(inst); // 实例对象
- 参数 `id` : 组件渲染时定义的 `id` 属性值
该方法用于对目标元素对应的实例的完全解除,即触发元素事件时,不再执行组件渲染。
该方法用于对目标元素对应的实例的绑定完全解除,即触发元素事件时,不再执行组件渲染。
```
var laydate = layui.laydate;