论坛首页 Web前端技术论坛

分享一个jQuery的全年日历显示插件 - jQuery verbose calendar

浏览 3237 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-05-22  

分享一个jQuery的全年日历显示插件 - jQuery verbose calendar

在线演示  本地下载

跟大家推荐一个日历插件!非常实用噢!这是一个异类的jQuery日历显示插件 - jQuery Verbose Calendar,和其它类型的jQuery日历插件不太一样的地方在于它在一个页面里显示了全年的日历项目。当我们加载这个日历的时候,它会自动滚动到今天所处的日历位置,如果你需要一个能够查看全年日历项目的jQuery插件,它绝对是一个不错的选择。

主要特性

  • 显示全年的日历
  • 你可以方便的选择年份展示日历项目
  • 插件的选项本身不多,但是提供了一个点击日历项目的callback方法
  • 可以做为日历项目的展示使用

如何使用

代码非常简单,如下:

$(document).ready(function() {
    $("#calendar-container").calendar({
        tipsy_gravity: 's', // 提示的位置(n / s / e /w) , 东南西北方向
        click_callback: function(date) {
            console.log(date);
        }, // 点击日历项的callback方法
        year: "2012", // 可选的开始年份,缺省是当前年份
        scroll_to_date: false // 滚动到当前日期
    });
});

来源:分享一个jQuery的全年日历显示插件 - jQuery verbose calendar

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics