Calendar日历选择器的使用方法(转)

zwq 2011-03-05

是一款开源、功能強大、应用比较广泛的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>

相关推荐