javascript calendar万年历使用实例
来源:互联网 发布:演唱会售票软件 编辑:程序博客网 时间:2024/06/14 04:19
jquery calendar是一个很酷的日历效果,在多个浏览器测试过,都比较正常。下面来介绍一下如何使用这个日历到具体的web页面中。
head设置,将日历运行的js脚本以及css样式表装载
<script type="text/javascript" src="script/jquery-latest.pack.js"></script>
<script type="text/javascript" src="script/jquery-calendar.pack.js"></script>
<script type="text/javascript" src="script/calendar-demo.js"></script>
<style type="text/css">
@import url(css/jquery-calendar.css);
</style>
如果要对日历进行特殊设置,jquery-calendar.css可以修改成你自己喜欢的样式,这对css的代码要有一定的基础才行。
如要修改日历的基本配置,可以修改calendar-demo.js中的代码,如下代码,及对应于页面展示的脚本
- $(document).ready(function () {
- popUpCal.hideCalendar();
- // default setting
- popUpCal.closeText = 'Close';
- popUpCal.prevText = '<Prev';
- popUpCal.nextText = 'Next>';
- popUpCal.currentText = 'Today';
- popUpCal.dayNames = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
- popUpCal.monthNames = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
- popUpCal.dateFormat = 'DMY/';
- popUpCal.minDate = new Date(2005, 4 - 1, 1);
- popUpCal.maxDate = new Date(2008, 4 - 1, 30);
- $('#more div').hide();
- $('#more0').show();
- popUpCal.autoPopUp = false;
- $('.calendarButton').calendar();
- popUpCal.autoPopUp = true;
- $('.calendarFocus').calendar();
- });
<div class="container">
<p>Calendar appears on focus: <input type="text" size="10" class="calendarFocus"/></p>
<p>Calendar appears via button: <input type="text" size="10" class="calendarButton"/></p>
</div>
- javascript calendar万年历使用实例
- java使用Calendar制作万年历
- Calendar使用实例.
- Calendar类使用实例
- 万年历Calendar、js修改日期
- Java之Calendar类的使用实例
- java 用 Calendar类写万年历
- 我的万年历程序,Calendar.java
- javascript实现万年历
- 万年历(纯Javascript)
- 腾讯万年历(javascript)
- JAVASCRIPT初级阶段之万年历
- JavaScript世界时万年历
- javascript简易万年历
- JavaScript的万年历插件
- javascript calendar
- javascript calendar
- VB —万年历实例 (2)
- 字符集问题研究
- JS 闭包应用
- 10个必需的iOS开发工具和资源
- jar包的作用
- Generator
- javascript calendar万年历使用实例
- C#中的触发事件
- nginx 反向代理做cache配置
- IP协议的定义、IP地址的分类及特点
- hdu 1208 Pascal's Travels--DP
- viewPage的使用
- 解决MySQL不允许从远程访问的方法
- JAVA自学之路zz
- 鲜为人知的编程语言的发展史(图)