UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery日历插件支持多选、单选日期(原创)

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

 32122  213  查看评论 (13)
分享到微信朋友圈
X
jQuery日历插件支持多选、单选日期(原创) ie兼容12
 查看演示  立即下载

注：因调用了外部json数据文件，请在服务端预览，本地预览会有跨域问题

更新时间：2019-12-17 21:24:33

更新说明：

1，增加时分秒选择

2，修改切换年月的时候 beforeToday和afterToday 失效bug

3，选择完以后的数据，再次点击不会清空，会回显出来，再次选择的时候，才会覆盖上一次的值

4，修改单日历样式

5，增加单日历数据展示

更新时间：2019/9/26 下午3:36:50

更新说明：优化日历12月的bug

更新时间：2019-09-22 23:11:03

使用方法：

new calendar(".calendar", { checkCalender: true });

参数详见下表

选项名称类型/默认值
描述
checkCalenderboolean默认值：false是否多选日期 true是多选，false是单选
topcalendarTopstring默认值：38px日历展示定位位置
beforeTodayboolean默认值：false今日之前是否不可选 ，true 是，false 否
afterTodayboolean默认值：false今日之后是否不可选 ，true 是，false 否
相关插件-日期和时间
查看更多

pc端多种格式时间选择控件

 提供如年月，年月日，年月日时，年月日时分 时间段等时间格式选择
  日期和时间
 82906  381

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

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

jquery日历控件datePicker

 jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日历表
  日期和时间
 66446  370

jQuery手机端酒店日历插件

 一款简单的手机端日历插件，可以选择入住和离店日期，控制选择天数
  日期和时间
 43636  360

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

    爱@永恒%执着 0
    2022/8/11 11:36:44
    不好，有bug，禁选的时候，右边的数据没有同步过来 回复
    酤 0
    2020/12/28 9:38:47
    谢谢 楼主
        酤0
        2020/12/28 9:39:30
        666666666
    回复
    ? 0
    2020/2/1 19:40:09
    谢谢，找了很多这个比较适合 回复
    。 0
    2019/12/25 11:40:46
    谢谢xxxxxxxxxxxxxxxxxxxxxxx 回复
    ｀大小姐的〃冰ˇ淇淋 0
    2019/12/13 16:41:28
    切换年月的时候 beforeToday和afterToday 失效
        FireBug0
        2019/12/17 17:42:08
        已修复，感谢您的反馈
    回复
    过去的是过去 0
    2019/11/29 11:18:06
    我想问下这个插件有可以在单个页面多次使用不冲突的方法吗
        ｀大小姐的〃冰ˇ淇淋1
        2019/12/13 16:42:38
        $("改这里").click(function() {
    new calendar("改这里", {
});
        FireBug0
        2019/12/17 17:43:47
        答对了，嘻嘻
    回复
    Chance.Li 0
    2019/10/18 9:29:18
    点击输入框，会直接重置原来的值。这一点设定不是很好，应该是点击确定之后才会更新输入框里的值，而且应该添加一个取消键，以及点击外部可以关闭弹出层。
        FireBug0
        2019/10/30 17:10:44
        嗯嗯，好呢，谢谢您的反馈，我会继续改进的，这个比较粗糙
        FireBug0
        2019/12/17 17:45:11
        已修复，感谢您的关注
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复