简洁JS 日历控件 支持日期和月份选择

如下这个JS日历控件是个人闲暇之余本身编写的，全部的代码所有在IE7/IE8/Firefox下面测试经过，

并且能够解决被iframe层遮盖的问题。如今只提供两种风格（简洁版和古典版）和两种语言（英文和中文）。支持自定义日期格式，设定时间范围。

默认为古典版，英文，下面来看简单的缩略图。

首先是简洁版：

日期选择器月份选择器

古典版：

日期选择器日期选择器中文语言月份选择器

下面是使用方法：

在要使用这个控件的页面上引入这个JS

<script type="text/javascript" src="javascript/DatePicker.js"></script>

使用月份选择器，默认时间格式为yyyy-MM

<input id="begintime" type="text" onclick="setmonth(this)" readonly="readonly" />

使用日期选择器，默认时间格式为yyyy-MM-dd
 

<input id="endtime" type="text" onfocus="setday(this)" readonly="readonly" />

使用日期选择器，一共提供五个参数，其中第一个参数是Object类型，指须要填入日期的元素对象；第二个参数是时间的格式，默认为yyyy-MM-dd；第3、四个参数分别为开始时间和结束时间；第五个参数是语言种类，这个1表示中文，0为英文（默认采用英文）
 

<input id="endtime" type="text" onfocus="setday(this,‘yyyy-MM-dd’,'2010-01-01','2010-12-30',1)" readonly="readonly" />

风格默认使用古典版，若是须要使用简洁版，则进入代码中

将上述代码中的上部分代码（30行-56行）注释，在把他换成下面部分的代码（57行-83行）。则风格就能够改成简洁版了。

说了这么多，下面附上这个日历控件的JS文件：

http://files.cnblogs.com/coraldane/DatePicker.js