javascript calendar万年历使用实例

jQuery Calendar是一个跨浏览器的日历插件,本篇博客介绍了如何将其集成到网页中并进行个性化设置。通过在<head>部分引入JS脚本和CSS样式表,你可以实现日历功能。对于样式调整,可以修改calendar-demo.js和jquery-calendar.css。同时,文章展示了如何通过JavaScript代码改变日历的默认配置,如日期格式、月份和星期名称、最小最大日期等。
摘要由CSDN通过智能技术生成

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中的代码,如下代码,及对应于页面展示的脚本

  1. $(document).ready(function () {  
  2.   popUpCal.hideCalendar();  
  3.         
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值