Calendar日历选择器的使用方法(转)
是一款开源、功能強大、应用比较广泛的JS实现的日历。可以定制日期事件,定制日期链接。而且支持中文化。
官方地址:http://www.dynarch.com/projects/calendar/
演示地址:http://www.dynarch.com/demos/jscalendar/
将以下文件拷贝到“js/jscalendar/”文件夹下
calendar.js
calendar-setup.js
calendar-zh.js
calendar-blue.css
注意:原有cn_utf8.js,calendar-zh.js等语言包文件缺少这一行Calendar._FD=0;应加上,否则显示中文时会出错。
html代码如下:
<scripttype="text/javascript"src="js/jscalendar/calendar.js"></script>
<scripttype="text/javascript"src="js/jscalendar/calendar-setup.js"></script>
<scripttype="text/javascript"src="js/jscalendar/calendar-zh.js"></script>
<styletype="text/css">@importurl("js/jscalendar/calendar-blue.css");</style>
<inputtype="text"id="data"/>
<buttontype="submit"id="trigger">...</button>
<scripttype="text/javascript">
Calendar.setup({
weekNumbers:false,//hideweeknumbers
inputField:"data",//IDoftheinputfield
ifFormat:"%Y-%m-%d",//thedateformat%Y-%m-%d%H:%M"
button:"trigger"//IDofthebutton
//align:"Tr"
});
</script>