clndr.js 介绍
clndr.js是 一个 日历 插件 ,用来创建日历,允许 用户 随意的按照自己的想法去 自定义 日历。这个 插件 不会 生成 任何的 标记 ,但是可以使用数据来填 充?Under score .js?html 模版(产生下划线)。它提供一些很有帮助的选项,确定星期的推移,初始加载时 显示 日历,点击事件(像 下 一个 或者是前 一个 月)等等 功能 。
安装
bower install clndr
这是典型的CLNDR模板。它有 一个 控制器部分和 一个 网格部分。
<div class="clndr-controls">
<div class="clndr-prev IoU s-button">?</div>
<div class="month"><%= month %></div>
<div class="clndr-next-button">?</div>
</div>
<div class="clndr-grid">
<div class="days-of-the-week">
<% _.each(daysOfTheWeek,function (day) { %>
<div class="header-day"><%= day %></div>
<% }); %>
<div class="days">
<% _.each(days,function (day) { %>
<div class="<%= day.classes %>"><%= day.day %></div>
<% }); %>
</div>
</div>
</div>
该days数组包含我们制作日历所需的大部分 内容 。它的结构如下:
{
day: 5,
events: [],
classes: "day",
date: moment("2015-12-31")
}
网站地址 : http://kylestetz.github.io/CLNDR/
GitHub: https://github.com/kylestetz/CLNDR
网站描述: 一个 jquery日历 插件
clndr.js官方网站
官方网站: http://kylestetz.github.io/CLNDR/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。