calendario.js是一款支持手机和pc浏览的响应式日历插件,本文演示了它的两款皮肤。红色简洁日历动画效果:http://www.sucaihuo.com/jquery/6/696/demo/index2.html
生成日历#calendar
<div id="calendar" class="fc-calendar-container"></div>
自定义年月
<h3 class="custom-month-year">
<span id="custom-month" class="custom-month"></span>
<span id="custom-year" class="custom-year"></span>
<nav>
<span id="custom-prev" class="custom-prev"></span>
<span id="custom-next" class="custom-next"></span>
<span id="custom-current" class="custom-current" title="Got to current date"></span>
</nav>
</h3>
引入calendario日历相关插件
<link rel="stylesheet" type="text/css" href="css/calendar.css" />
<script type="text/javascript" src="js/jquery.calendario.js"></script>
<script type="text/javascript" src="js/data.js"></script>
生成日历,点击某天调试onDayClick
var cal = $('#calendar').calendario({
onDayClick: function($el, $contentEl, dateProperties) {
for (var key in dateProperties) {
console.log(key + ' = ' + dateProperties[ key ]);
}
},
caldata: codropsEvents
})
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791