Skip to content

Neverland/datepicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#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());
    }
});