资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

用div+css技术生成的日历选择器

来源:常德网站设计 | 2014.03.13

以前的日历选择器都是用table制作的,现在都是div+css时代了,这两天就重写了一个日历选择器。

主要特点如下:

用div 定位;

用li生成表格;

HTML代码非常简洁;

用div+css技术生成的日历选择器-常德网站建设,常德网站设计

外观也非常简洁;

用div+css技术生成的日历选择器-常德网站建设,常德网站设计

有一个config.js文件配置一些初始化值或字典;

只需要简单配置,可支持中文或英文等多种语言。

年的可选范围可以配置。

年的菜单的长度可以配置。

今天按钮直接在页面上,这样可以不用打开日历选择器后,还要单击鼠标。

输入框输入yyyyMMdd也可以解析。

因为IE6和IE7不支持DOM的setAttribute方法,决定抛弃IE6和IE7以下浏览器,支持新的浏览器。

在IE8和firefox下测试ok,opera和chrome没测过。

下载:

原文地址:http://www.cnblogs.com/eric812/archive/2009/08/31/Ecalendar.html


12年
建站经验

多一份参考,总有益处

联系万讯互动,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

咨询热线:18692386458