论坛风格切换
您好,欢迎光临本站!   登录 注册新用户
  • 1861阅读
  • 0回复

[分享源码]Html5添加带备忘录功能的简单的日期选择器插件教程 [复制链接]

上一主题 下一主题
 
发帖
113
黑豆
565
威望
565
贡献值
0
交易币
0
红豆
0
只看楼主 倒序阅读 0 发表于: 2016-01-08
一、安装
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="jquery-latest.min.js"></script>

<script src="simplecalendar.js"></script>

<script src="style.css"></script>


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

快速回复
限100 字节
 
上一个 下一个