欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

fullcalendar日历控件怎么点击某一天后改变点击那一天的css样式

更新时间: 2014-01-05 01:50:43 责任编辑: Author_N1

 

fullcalendar日历控件如何点击某一天后改变点击那一天的CSS样式
代码是这样的 
<head>

<link rel='stylesheet' type='text/css' href='${base}/components/fullcalendar/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='${base}/components/fullcalendar/fullcalendar.print.css' media='print' />

<script type='text/javascript' src='${base}/js/jquery-ui-1.10.2.custom.min.js'></script>
<script type='text/javascript' src='${base}/components/fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript' src='${base}/components/fullcalendar/gcal.js'></script>
<script language="javascript">
  $(document).ready(function(){
    if ($('#calendar') != null) {
      var date = new Date();
      var d = date.getDate();
      var m = date.getMonth();
      var y = date.getFullYear();
      
      $('#calendar').fullCalendar({
        header: {
          left: 'prev,next today',
          center: 'title',
          right: 'month,basicWeek,basicDay'
        },
        dayClick: function(date, allDay, jsEvent, view) {
          $(this).css('background-color', 'red');
          var clickDate = view.calendar.formatDate(date,'yyyyMMdd');
          window.location="${base}/admin/manager/holiday/save.action?holiday.date="+clickDate;
          
        },
        eventClick: function(calEvent, jsEvent, view) {
          window.location="${base}/admin/manager/holiday/load.action?event.id="+calEvent.id;
        },
        
        firstDay: 1,
        monthNames: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
        monthNamesShort: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
        dayNames: ['周日','周一','周二','周三','周日','周五','周六'],
        dayNamesShort: ['日','一','二','三','四','五','六'],
        buttonText: {
          prev: '&nbsp;&#9668;&nbsp;',
          next: '&nbsp;&#9658;&nbsp;',
          prevYear: '&nbsp;&lt;&lt;&nbsp;',
          nextYear: '&nbsp;&gt;&gt;&nbsp;',
          today: '今天',
          month: '月',
          week: '周',
          day: '日'
        },
        viewDisplay: function (view) {//动态把数据查出,按照月份动态查询
                var viewStart = $.fullCalendar.formatDate(view.start, "yyyy-MM-dd HH:mm:ss");
                var viewEnd = $.fullCalendar.formatDate(view.end, "yyyy-MM-dd HH:mm:ss");
                $("#calendar").fullCalendar('removeEvents');
                $.post("../../sr/AccessDate.ashx", { start: viewStart, end: viewEnd }, function (data) {
            
                    var resultCollection = jQuery.parseJSON(data);
                    $.each(resultCollection, function (index, term) {
                        $("#calendar").fullCalendar('renderEvent', term, true);
                    });

                }); 
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:50:43
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1910/
本文WWW.DOC100.NET DOC100.NET版权所有。