javascript calendar万年历使用实例

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.         
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值