PopCalendar 日历选择组件(带弹出层) 1.1.0
属性
container { HTMLElement| String } #
组件的容器
title { String | HTMLElement } #
弹出层的标题
okText { String } #
弹出层右侧确定按钮的文案,默认为确定
cancelText { String } #
弹出层左侧按钮的文案,默认为取消
displayCount { Number } #
显示多少行,默认为5。修改此属性时,需要配合修改样式
dateRange { Array } #
日期范围,如:[2014-11-01,2015-12-31]
duration { Number } #
默认的滑出动画时间,单位为秒
now { String | Numer | Date } #
日历组件的当前时间
effect { Boolean } #
弹出层弹出时是否启用动画效果,默认为true
duration { Number } #
弹出层弹出且启用动画效果时,动画持续秒数
方法
render #
将组件渲染到document中,也可以使用show方法
hide #
隐藏组件
resize #
根据窗口大小重新调整组件位置和大小
show #
显示组件
setNow #
设置组件的当前时间,时间需要在dateRange范围内
方法参数:
参数名 | 类型 | 描述 | 必选 | 支持版本 |
---|---|---|---|---|
now | String | Number | Date | 要设置的组件时间 |
getNow #
@returns {Date} 返回当前calendar对应的时间
getValue #
获取组件的值
返回值: Object 返回组件当前的值
destroy #
销毁组件,对父类的destroy进行覆盖,如果当前动画在执行中,那么等待动画结束后再销毁
_initUi #
设置组件的样式,初始化内部组件
事件
ok #
点击右侧确定按钮触发的事件
cancel #
点击左侧按钮触发的事件