漂亮的日历插件-Web Calendar-歌特中国歌特金属,配置iis+php+mysql,关注学习(Sql,Net,Web2.0,Javacript,Seo,Cms)

Parameters

17th

2008,04

漂亮的日历插件-Web Calendar

推荐一款漂亮的日历插件.相比Cngothic另一日志中提到的网页日期/日历控件-Web Calendar拥有更弦的界面。采用CSS做的界面可以很方便的修改界面。应用于网中。来选择日期是那么的方便。经我测试这个好像不可以选择今天以前的时间。
漂亮的日历插件下载

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/calendar.rc4.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function() {
myCal1 = new Calendar({ date1: 'Y-m-d' }, { direction: 1, tweak: {x: 6, y: 0} });
//在调用类的时候可以修改年，月，日的显示方式。
myCal2 = new Calendar({ date2: 'd-m-Y' }, { classes: ['dashboard'], direction: 1, tweak: {x: 3, y: -3} });
myCal3 = new Calendar({ date3: 'd/m/Y' }, { classes: ['i-heart-ny'], direction: 1, tweak: {x: 3, y: 0} });
});
//]]>
</script>
<link rel="stylesheet" type="text/css" href="css/calendar.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/dashboard.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/i-heart-ny.css" media="screen" />
<form action="/" class="long">
<fieldset>
<legend>Default styling</legend>
<label for="date1">Date</label>
<input id="date1" name="date1" type="text" />
</fieldset>
</form>
<form action="/">
<fieldset>
<legend>Alternate styling: dashboard</legend>
<label for="date2">Date</label>
<input id="date2" name="date2" type="text" />
</fieldset>
</form>
<form action="/">
<fieldset>
<legend>Alternate styling: i-heart-ny (experimental)</legend>
<label for="date3">Date</label>
<input id="date3" name="date3" type="text" />
</fieldset>
</form>