WEB开发网
开发学院网页设计JavaScript 打造基于jQuery的日期选择控件(上) 阅读

打造基于jQuery的日期选择控件(上)

 2009-10-28 00:00:00 来源:WEB开发网   
核心提示:终于把jQuery拼写正确了哈,哈哈javascript也是区分大小写的,所以确实不能写错,打造基于jQuery的日期选择控件(上),今天我来和大家分享的是日期选择控件的实现,功能也许不够强大, 两个视图分别用两个Div包裹,控制div的显示隐藏即可以切换视图了,但是能够满足需求,我之前也写过

终于把jQuery拼写正确了哈,哈哈javascript也是区分大小写的,所以确实不能写错,今天我来和大家分享的是日期选择控件的实现,功能也许不够强大,但是能够满足需求。

我之前也写过,看下截图哈,也很酷的,windows风格哦。

打造基于jQuery的日期选择控件(上)

但是也有些问题,第一画日历有点慢,第二兼容性不太好IE Only,第三它不是基于jQuery的哈哈。

那还是老规矩,做之前先看下效果

打造基于jQuery的日期选择控件(上)  打造基于jQuery的日期选择控件(上)

这下是更酷的Ext风格了。

从上图我们可以看出这个控件其实有两个视图一个日期月视图,还有一个是年月选择视图。

1:还是先从HTML入手

日期控件确定HTML其实还是比较简单,因为明摆着是列表的数据格式,当然主要是采用table了。

两个视图分别用两个Div包裹,控制div的显示隐藏即可以切换视图了。完整的HTMl结构大家可以用IEDeveloper看一下Demo的结构,我自己截了一个图

打造基于jQuery的日期选择控件(上)

1 2  下一页

Tags:打造 基于 jQuery

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接