Html5添加帶備忘錄功能的簡單的日期選擇器插件教程

1、安裝
bower install simpleeventcalendar

2、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>

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


KeyMob移動端廣告平臺,爲廣告主提供精準的效果營銷和品牌推廣服務,爲應用開發者在遊戲、應用端提供移動廣告植入業務,創造更高的廣告收益。