thinkphp3.2中 使用fullcalendar.js 实现用日历的方式查看每日的订单量。

下图是功能实现的效果图,


要引用两个文件 是fullcalendar.js与fullcalendar.css。

<script>

jQuery(document).ready(function() {

jQuery('#calendar').fullCalendar({
header: {
left: 'prev,next',
center: 'title',
right: 'today'
},
buttonText: {
today: '今天',
prev: '上月',
next: '下月',
},
monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
events: function(start, end, callback) {
$.ajax({
url: '{:U("Console/Totals/info")}',
type: 'post',
async: true, //异步请求
dataType: 'json',
success: function(data){ // 获取当前月的数据
var events = [];
if ( data.status == '1' ) {
$.each(data.info,function(i,c) {
//alert(i);alert(c.areaname+','+c.areanum+'单');alert(c.datetime);
events.push({
title: '【'+c.areaname+'】- '+c.areanum+'单',
start: c.datetime ,
color: '#1caf9a'
});
});
}
callback(events);
}
});
}
});


});

</script>

详细的请下载日历.zip压缩包吧,还有不懂的可以在下面留言,看到会第一时间给出回复。

最后一句: 技术无价,不喜勿喷。

附件 日历.zip ( 22.94 KB 下载:102 次 )

评论() 相关

收藏

赞

Smile_菜菜

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。