weeklyCalendar,周日历,日历提醒(原创)

所属分类:输入-日期和时间

 23436  228  查看评论 (1)
分享到微信朋友圈
X
weeklyCalendar,周日历,日历提醒(原创) ie兼容8

调用方法:

weeklyCalendar(dataArr,option,boolean);

  • dataArr为对应日历列表展示所需的数据;

  • option:clickDate函数为点击日历事件回调函数, clickDownLoad函数为点击弹窗列表操作的回调函数;

  • boolean: 如果为false,则只展示日历列表提醒信息。如果为true 展示日历列表相对应的弹窗信息;

weeklyCalendar(dataArr, {
    // 点击日期回调
    clickDate: function(date) {
        console.log(date)
    },
    // 点击弹窗回调
    clickDownLoad: function(that) {
        console.log(that)
    }
}, true);

在weeklyCalendar.js中 的 description对象,为弹窗所需的title,根据个人需要进行更改。

testData.js 为个人测试所用数据。

weeklyCalendar.css 为个人使用时简单的css样式,使用时根据个人需要进行自定义

相关插件-日期和时间

mobiscroll可上下滑动的日期时间插件

上下滑动日期时间插件,也可用做上下滑动选择菜单,移动端可用。
  日期和时间
 44938  380

jquery仿腾讯QQ空间时光轴静态页面

仿腾讯QQ空间时光轴静态页面
  日期和时间
 28344  370

漂亮的倒计时

漂亮的倒计时,带反转效果。
  日期和时间
 41773  328

圆形时间进度条-倒计时

html5 + css3 打造的圆形时间倒计时进度条
  日期和时间
 53352  347

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    没有故事的十月。 0
    2019/10/29 14:46:48
    怎么添加一个时间的选择器,直接跳转到选择的某一天 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复