47 lines
1.5 KiB
Markdown
47 lines
1.5 KiB
Markdown
# 日历组件文档
|
||
|
||
## 配置说明
|
||
|
||
```json
|
||
{
|
||
showTime: false, //对话框上显示时间
|
||
showCalendar: false, //显示日历对话框
|
||
disabled: false, //是否禁用
|
||
exclass: '', //输入框拓展样式, 用于外部调整输入框样式以适配各种场景
|
||
duplex: '',
|
||
format: '', // 日期显示格式
|
||
radius: 0, //日历输入框边框圆角半径
|
||
border: 1, //日历输入框边框大小
|
||
btns: { //切换年份/月份的按钮上的字符
|
||
prevYear: '<<',
|
||
nextYear: '>>',
|
||
prevMonth: '<',
|
||
nextMonth: '>'
|
||
},
|
||
callback: function(date){/*...*/}, //日期被修改后的回调,参数是被修改后的值
|
||
}
|
||
|
||
```
|
||
|
||
|
||
## 用法
|
||
|
||
```html
|
||
<!-- 把do:datepicker 标签放到想要放的地方即可 -->
|
||
<section>
|
||
<span class="label">示例1:</span>
|
||
<do:datepicker config="dp" duplex="ex1" border="1" class="date" radius="3"></do:datepicker>
|
||
</section>
|
||
<!--
|
||
其中config属性是指定日历组件的配置，会自动从上一层controller里找,如果该属性为空，则自动从上层controller中找与组件同名的属性（找不到则使用组件默认配置）;
|
||
其他的属性（除$id, config, id, class, tabindex, style, ms-*属性,data-*属性外，也可以用以配置组件，且优先级最高）;
|
||
$id或identifier属性可以设定组件的$id值，方便各模块之间进行通讯
|
||
-->
|
||
<!-- 引入分页组件 -->
|
||
<script>
|
||
require(['存放路径/doui.datepicker'], function(){
|
||
|
||
})
|
||
</script>
|
||
```
|
JavaScript
95.2%
CSS
4.8%