广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    日程安排FullCalendar

    2018-04-13 09:16:59 次阅读 稿源:互联网
    零七广告

    FullCalendar是一款基于jQuery的日历插件,适用于各种日程安排、工作计划等场景,您可以很方便的查看查看待办事项,标记重要事项以及绑定点击和拖动事件,能快速的整合到您的项目中,本文将简单介绍FullCalendar的使用。

    HTML
    <link rel="stylesheet" type="text/css" href="css/fullcalendar.css"><script src="js/jquery-1.9.1.min.js"></script><script src="js/jquery-ui-1.10.2.custom.min.js"></script><script src="js/fullcalendar.min.js"></script>
    <div id='calendar'></div>
    $(document).ready(function() {    //页面加载完初始化日历    $('#calendar').fullCalendar({        //设置选项和回调    })});

    Options

    $('#calendar').fullCalendar({    weekends: false //不显示周末,将会隐藏周六和周日});$('#calendar').fullCalendar({    dayClick: function() {        alert('a day has been clicked!');    }});
    $('#calendar').fullCalendar('next');		

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告