#Datepicker Datepicker是一个使用非常简单的日期控件,缓存没一个月份所生成的数据,减少运算量。配置丰富能够满足不同的业务需求。
##property
Node | *htmlNode | nodeType为1的节点,控件会被append此节点内 |
Object | O | 配置控件可选参数 |
number | O.Y | 设置的年份,默认当年,范围(1970-当年+10) |
number | O.M | 设置的月份,默认当月,范围(1-12) |
string | O.hasTitle | 是否有日期控制栏,默认有'true' |
string | O.hasFoot | 是否有脚注用来显示年月,默认无'false' |
string | O.style | 日期分隔符,默认'-' |
number | O.startYear | 开始年,默认2006 |
number | O.endtYear | 结束年,默认当年加10 |
Function | O.ongetdate | 用户点击日期单元格时触发,this指向实例,第一个参数为日期对应数组 |
Function | O.onrender | 控件插入值dom树时触发,this指向实例,第一个参数为控件对应的dom节点 |
Function | O.ongetdatestring | 获得月份所对应的日期字符串时触发,this指向实例,第一个参数为字符串 |
Function | O.ongetframe | 组成完毕控件node框架时触发,this指向实例,第一个参数为对应的dom节点 |
Function | fn | 类的回调函数,生成控件后触发 |
##method
方法名 | 参数 | 返回值 |
createDay | Y:number/string(2012),M:number/string(0-11) | 实例(1储存日期字符串至Cal的cache中,是数据持久化;2调用render) |
render | node:(this.elems),key:string('_date_:2012:0'),Y:number(2012),M:number(0-11) | 实例(渲染控件至dom树) |
getDateString | Y:number(2012),M:number(0-11) | htmlString |
toString | string '2012-12-12' (获取选中日期对应的字符串) | |
valueOf | Array [2012,12,12] (获取选中日期对应的数组) | |
hide | 实例 (隐藏控件) | |
show | 实例 (显示控件) | |
setCss | Object({'font-size':'12px','width':'300px'}) | 实例 (为控件添加样式) |
###e.g
new Datepicker(node,
{
ongetdate: function () {
console.log(this.toString());
}
});