一个简单的jQuery日历插件Calendar.js

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

 83194  311  查看评论 (19)
分享到微信朋友圈
X
一个简单的jQuery日历插件Calendar.js ie兼容10

更新时间:2017-8-7 13:11:29

更新说明:

1.优化部分代码

2.增加了对星期天的样式的选择(增加class参数)

$('#date').on('click',function(){
    new Calendar({id:'#date',
        class:'amd',//这里填写class;给我们星期天修改样式
    })
})


更新时间:2017-7-31 09:34:58

更新说明:修改回调函数的参数不对的问题;我们现在可以根据回调函数的参数来判断我们是否正确的打印了时间;

同时我们可以直接通过下面的方法实现生成日历:

new Calendar({
  id:'#date',
  data:'2017-7-7',
  callback:function(){}
})
//我们直接data;选取我们需要的时间

存在的 bug :

由于目前发现js的new data 原因好像不能 new Date()年份小于100以下的时间 所以我们日历选择 100年以下会出现问题 ;当然我会继续修改更正这个bug 也许是我方式不对吧!这个也不会影响我们使用这个插件 应该基本不会选择到 100年左右的时间;如果你要使用100左右的时间那就等我找找原因;更正这个bug吧!


更新时间:2017-7-25 17:11:39

更新说明:修改了 选中不是日期的模块 对我们自己修改日期进行了优化


Calendar.js

体积很小使用方便便于我们使用到不同场景只需修改css就可适用moblie、pc

直接 new Calendar()

$('#date').on('click', function() {
    new Calendar({
        id: '#date',
        callback: function(y, m, d) {
            if (arguments.length > 1) {
                $('#date').html(y + '-' + m + '-' + d);
                $('.info').html('选定的时间是:' + y + '年' + m + '月' + d + '日');
            } else {
                $('.info').html('您为什么选择:' + y);
            }

        }
    })
})
相关插件-日期和时间

选择生日,弹出框pc插件可直接输入,可上下移动,成功有回调

插件是非要弄成一样的效果,无奈写了1个,原创作品作者分享给大家看下
  日期和时间
 28310  297

jquery周日历展示可选择

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

精美时钟

时时在走的钟表
  日期和时间
 33923  399

仿IOS移动端日历

超好用美观的移动端日历,兼容安卓和苹果及微信浏览器
  日期和时间
 46595  419

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

    下雨天 0
    2018/5/7 16:29:09
    大咖,你的源码网址是啥啊?我没有jq币,想看看。 回复
    其实很简单 0
    2018/1/15 18:19:11

    能不能选择时分秒?有api说明吗

    回复
    落羽 0
    2017/12/14 15:52:09

    我想问问这个插件是商用免费的吗?

        我已不是前奏丶0
        2017/12/15 18:13:56

        是的 

         在使用过程中 遇到任何问题 我都可以给于 帮助

    回复
    糊涂、明白 0
    2017/11/2 12:54:10
    /mn★怡琳★ 0
    2017/11/1 14:32:28
    白下载了。不好用
        我已不是前奏丶0
        2017/12/15 18:04:49

        哪里 不好用  可以 说一下 我改下

    回复
    Keep……Mr. Jim 0
    2017/9/13 8:28:01
    堇延未七 0
    2017/9/2 14:33:01
    微笑ぃ 0
    2017/8/12 9:26:01
    都是你的天空 0
    2017/8/2 18:21:16
    xiaozhunnihao 0
    2017/8/1 14:20:14
    下载不了,需要Q币啊!
        Au-leaves0
        2018/8/30 23:52:28
        muyouQbi
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复