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();