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

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

 26352  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样式,使用时根据个人需要进行自定义

相关插件-日期和时间

zepto移动端时间选择插件

简单的移动端时间选择,去掉年显示,适合线上预定下单
  日期和时间
 53283  383

jquery周日历展示可选择

基于jquery简单易用的周日历选择插件,可选择跳转到指定年份指定周
  日期和时间
 41436  323

jQuery时间插件timedropper

timedropper是一个jQuery时间选择插件。管理时间输入字段的标准形式。专注于输入打开一个小的互动时间选择。
  日期和时间
 36595  395

mobiscroll_手机上下滚动选择日期时间

可以上下滚动选择年月日时分秒
  日期和时间
 83104  546

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

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