Html5添加带备忘录功能的简单的日期选择器插件教程

一、安装
bower install simpleeventcalendar

二、Html结构
<table>
<thead>
<tr><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期日</td></tr>
</thead>
<tbody>
<tr>
<td date-month="12" date-day="1">1</td>
</tr>
</tbody>
</table>

下面是备忘录的html结构：
<div class="day-event" date-month="12" date-day="16" data-number="1">
<a href="#" class="close fontawesome-remove"></a>
<h2 class="title">Lorem ipsum 3</h2>
<span class="date">2015-01-23</span>
<p>......</p>
<button class="read-more">Read more</button>
</div>

三、调用插件
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
 
<script src="simplecalendar.js"></script>
 
<script src="style.css"></script>


KeyMob移动端广告平台,为广告主提供精准的效果营销和品牌推广服务,为应用开发者在游戏、应用端提供移动广告植入业务,创造更高的广告收益。