PopCalendar 日历选择组件(带弹出层) 1.1.0

继承自:Widget

查看示例:Demo (PC需开启模拟器)

popcalendar

属性

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 #

点击左侧按钮触发的事件