QQ客服热线
首页 > 信息资讯 > 技术专栏

技术专栏

FullCalendar 日历控件汉化
2013年9月1日
摘要: FullCalendar 是一个 jQuery 的日历插件,以实现日程管理。非常方便。

FullCalendar 是一个 jQuery 的日历插件,以实现日程管理。非常方便。

怎么使用呢?到官方网站下载:http://arshaw.com/fullcalendar/download/

下载你喜欢的版本,那么小卢我这边下了最新的版本。ullcalendar-1.6.3.zip

然后我们再页面引用JS和样式 看下面代码:

<link href='widget/fullcalendar1.63/fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='widget/fullcalendar1.63/fullcalendar/fullcalendar.print.css' rel='stylesheet'
    media='print' />
<script src='widget/fullcalendar1.63/jquery/jquery-1.10.2.min.js'></script>
<script src='widget/fullcalendar1.63/jquery/jquery-ui-1.10.3.custom.min.js'></script>
<script src='widget/fullcalendar1.63/fullcalendar/fullcalendar.min.js'></script>
 
    $(document).ready(function () {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
       
        $('#calendar').fullCalendar({
             monthNames:['一月', '二月', '三月', '四月', '五月', '六月', '七月',
            '八月', '九月', '十月', '十一月', '十二月'],
            dayNamesShort:['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
            buttonText: {
            
            today:    '今天',
            month:    '月',
            week:     '周',
            day:      '日'
            },

            editable: true,
            events: <%=GetJson() %>
        });

    });
别忘了在页面加一个div
 <div id='calendar'>
    </div>
然后是你可以看到,汉化很简单 ,对应的字段修改为中文就可以了。
 
本文来自:www.nbtcnet.com

来自TCNET 转载请保留www.nbtcnet.com

返回列表