今天向大家介绍
Swazz Javascript Calendar这个脚本日期控件。官方网址提供了使用方法和源代码下载.
官方网址
演示效果图:
现在简单介绍使用方法:
Step 1
Include the folllowing somewhere in
the HTML of your page
< SCRIPT SRC = "calendar.js" > < / SCRIPT >
|
NB: Make sure "src" points to the correct location of the
calendar.js file
Step 2
Find the input text box you would
like the calendar to appear on. Modify it to include the following
< input type = "text" value = "dd/mm/yy" onfocus = "this.select();lcs(this)" onclick = "event.cancelBubble=true;this.select();lcs(this)" >
|
英文很简单不需要翻译了吧。
但是你在测试的时候会发现,它只显示当前那个月以后的日历。不能显示这以前的日历,当然着也时候某些日期的使用,比如需要当天的时间,比如客房预订,肯定是当天以后的事情。但是如果是要填写生日的话,估计就需要几年前甚至几十年前的日子了。修改方法如下:
找到calendar.js中如下的代码:
// Calendar script
var now = new Date ;
var sccm= now. getMonth ( ) ;
var sccy= now. getFullYear ( ) ;
sccy = sccy- 2;//修改这里,几年前就减去几
var ccm= now. getMonth ( ) ;
var ccy= now. getFullYear ( ) ;
|
正如代码中所描述的,假如你需要2两年前的当前月开始计算,那么就把sccy-2. 依此类推。很简单吧。
分享到:
相关推荐
6种JavaScript日历控件,任君选择
JavaScript日历 6中样式 包括当前时间
javascript 日期 控件的例子,一看就知道怎么用了,样式也不错。
简单的Date.js控件,在jsp中可以使用,选择时间日历控件(生日选择控件)。
7种漂亮的javascript日历控件,界面优美,使用方便
两款JavaScript日历控件 网页日历控件 可以通过配置更改皮肤颜色 和其他选项
javascript日期控件
一款javascript日期控件,使用便捷.
最牛Javascript 日历控件 很棒! 两步骤完全搞定 1.引用 <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"> 2.使用 onClick="WdatePicker()
多风格多语言的JavaScript日历控件
Tigra Calendar 是一个跨浏览器的 JavaScript 日历控件,以下拉弹出方式选择日期。
javascript日历控件在asp.net使用
JS 日历组件(功能很强) javascript 日历控件 日历选择空间 日期选择 强烈推荐
压缩文件里面包含有6个javascript日历控件,并且分别都有效果图
几种漂亮使用的javascript日历控件代码
功能强大的JavaScript日历控件 最关键的,无偿的永久的提供给大家免费使用,含全部源代码。 功能简介: 一、更人性化,更全面的功能 大部分日期控件都具备这些功能,但是本日历控件做的更全面,更人性化,并且速度...
这是一个功能强大的js日期控件,引用时加写: onfocus="showCalendar(this);