打造基于jQuery的日期选择控件(上)
2009-10-28 00:00:00 来源:WEB开发网核心提示:终于把jQuery拼写正确了哈,哈哈javascript也是区分大小写的,所以确实不能写错,打造基于jQuery的日期选择控件(上),今天我来和大家分享的是日期选择控件的实现,功能也许不够强大, 两个视图分别用两个Div包裹,控制div的显示隐藏即可以切换视图了,但是能够满足需求,我之前也写过
终于把jQuery拼写正确了哈,哈哈javascript也是区分大小写的,所以确实不能写错,今天我来和大家分享的是日期选择控件的实现,功能也许不够强大,但是能够满足需求。
我之前也写过,看下截图哈,也很酷的,windows风格哦。
但是也有些问题,第一画日历有点慢,第二兼容性不太好IE Only,第三它不是基于jQuery的哈哈。
那还是老规矩,做之前先看下效果
这下是更酷的Ext风格了。
从上图我们可以看出这个控件其实有两个视图一个日期月视图,还有一个是年月选择视图。
1:还是先从HTML入手
日期控件确定HTML其实还是比较简单,因为明摆着是列表的数据格式,当然主要是采用table了。
两个视图分别用两个Div包裹,控制div的显示隐藏即可以切换视图了。完整的HTMl结构大家可以用IEDeveloper看一下Demo的结构,我自己截了一个图
[]
更多精彩
赞助商链接