html备忘录时间提醒,jQuery简单带备忘录功能的日期选择器插件

jQuery.Simple-EventCalendar是一款带备忘录功能的jQuery日期选择器插件。你可以在某个日期上记录需要做的事情或已经做的事情,就像工作中的备忘录一样,十分方便。

bower 安装

bower install simpleeventcalendar

HTML结构

该日期选择器的html结构十分简单。下面是日期选择器的html结构,使用的是一个表格:

星期一星期二星期三星期四星期五星期六星期日

1

......

......

下面是备忘录的html结构:

Lorem ipsum 3

2015-01-23

......

Read more

调用插件

要调用该日期选择器插件需要在页面中引入jquery和simplecalendar.js,以及日期插件的样式style.css。

在完成以上步骤后,该jQuery日期选择器插件在页面加载完毕后会自动加载。它使用.day-event div中的date-month属性和date-day属性来和日期表格中的相应属性进行匹配,并在有事件的单元格中添加相应的样式和点击事件。

基本的备忘录日期插件

8ac3fa32c5a91f02d717d3f5ca5f7c5f.png

带列表的备忘录日期插件

4011ea6312a6aa7542ce06f695624e5c.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值