ACE(fullcalendar.js)日历使用记事

从Ace官网–日历部分(http://ace.jeka.by/calendar.html)下载代码;

删减后,相关保留代码:

CSS

<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fullcalendar.min.css" rel="stylesheet" />
<link href="css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" rel="stylesheet" />

JavaScript

<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/fullcalendar.min.js"></script>
<script src="js/bootbox.js"></script>

以上引用的css及js,需看你项目需求来进行删减;

日历样式:我这是修改相关样式后的日历样式。
我这是修改相关样式后的日历样式。

对于使日历显示中文月份,及汉字可进行(fullcalendar.min.js)以下修改:
红框部分为修改内容

monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],             //为“月、天”显示模式,添加中文月份日期
monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],        //为“周”显示模式,添加中文月份日期
dayNames: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],                                            //为“天”显示模式,添加中文日期
dayNamesShort: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],                                       //为“月、周”显示模式,添加中文日期
buttonText: {
	prev: "prev",
	next: "next",
	prevYear: "prev year",
	nextYear: "next year",
	year: "year",
	today: "今天",
	month: "月",
	week: "周",
	day: "天"
},

这样就把日历显示的英文变成了中文。

如果想为日历添加上年切换按钮,可这样操作:
添加prevYear,nextYear
在HTML页面下面的 js 里找到 header,在 left 项添加 prevYear 和 right 项添加 nextYear 就OK了;
(注意添加位置)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很全面的Ace Admin1.3官方文档,包含有最全面的组件及例子,适合急需使用该技术开发的人。 响应式Bootstrap网站后台管理系统模板ace admin,非常不错的轻量级易用的admin后台管理系统,基于Bootstrap3,拥有强大的功能组件以及UI组件,基本能满足后台管理系统的需求,而且能根据不同设备适配显示,而且还有四个主题可以切换。 网页图标全采用FontAwesome,除Bootstrap,jQuery UI使用到的第三方插件有: jQuery 2.0.3 jQuery UI 1.10.3 (Custom Build) Twitter Bootstrap 3.0.0 FontAwesome 3.2.1 Google "Open Sans" Font jQuery Flot Charts 0.8.1 jQuery Sparklines 2.1.2 Easy Pie Chart 1.2.5 jQuery Knob 1.2.0 jQuery Validate 1.11.1 FuelUX 2.3.0 (Spinner & Wizard & Treeview) FullCalendar 1.6.4 jQuery ColorBox 1.4.27 jQuery dataTables 1.9.4 jQuery Chosen 1.0 jQuery Masked Input 1.3.1 jQuery Input Limiter 1.3.1 jQuery AutoSize 1.17.7 Bootstrap Colorpicker Bootstrap Datepicker Bootstrap Timepicker v0.2.3 Bootstrap DateRange Picker 1.2 Bootbox.js 4.0.0 jQuery Gritter 1.7.4 jQuery slimScroll 1.1.1 Spin.js 1.3.0 jQuery UI Touch Punch 0.2.2 Google Code Prettify ExplorerCanvas Mindmup Wysiwyg Editor Toopay Markdown Editor 1.1.4 X-editable 1.4.6 Select2 3.4.2 Bootstrap Tags 2.2.5 jQuery Mobile 1.3.2 (Custom Build) jqGrid 4.5.2 Dropzone.js 3.0 Nestable lists plugin 浏览器兼容: Firefox 5+ Google Chrome 14+ Internet Explorer 8 Internet Explorer 9 Opera 11 Safari 5 Bootstrap兼容: Bootstrap 2.2.x Bootstrap 2.3.x Bootstrap 3.0.x ace admin
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值