jQuery.Simple-EventCalendar是一款带备忘录功能的jQuery日期选择器插件。你可以在某个日期上记录需要做的事情或已经做的事情,就像工作中的备忘录一样,十分方便。
bower 安装
bower install simpleeventcalendar
HTML结构
该日期选择器的html结构十分简单。下面是日期选择器的html结构,使用的是一个表格:
星期一 | 星期二 | 星期三 | 星期四 | 星期五 | 星期六 | 星期日 |
1 | ......
下面是备忘录的html结构:
调用插件
要调用该日期选择器插件需要在页面中引入jquery和simplecalendar.js,以及日期插件的样式style.css。
在完成以上步骤后,该jQuery日期选择器插件在页面加载完毕后会自动加载。它使用.day-event div
中的date-month属性和date-day属性来和日期表格中的相应属性进行匹配,并在有事件的单元格中添加相应的样式和点击事件。
基本的备忘录日期插件
带列表的备忘录日期插件
更多关于该日期选择器的信息请参考:https://github.com/philipehsing/jQuery.Simple-Event-Calendar
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!