jQuery多功能日期插件asDatepicker

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

 42312  321  查看评论 (17)
分享到微信朋友圈
X
jQuery多功能日期插件asDatepicker ie兼容8

asDatepicker

显示日期选取器的jquery插件。

入门

下载生产版本或开发版本。

在您的网页中:

<script src="jquery.js"></script>
<script src="dist/jquery-asDatepicker.min.js"></script>

html

<input type="text" id="calendar">

js

$(document).ready(function(){
  $("#calendar").asDatepicker();
});

要使用其它方法,请参考演示文件里面有详细的aip。

相关插件-日期和时间

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

Calendar.js一个简单的日历插件;体积很小,使用方便,便于我们使用到不同场景,只需修改css就可适用moblie、pc
  日期和时间
 83195  311

canvas时钟

canvas绘制时钟,代码结构清晰易懂
  日期和时间
 32770  398

jQuery带日期区间的日期选择插件

HTML5/CSS3带日期区间的日期选择插件
  日期和时间
 73512  395

jquery 圆形进度式倒计时

jquery 圆形进度式倒计时
  日期和时间
 43710  342

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

    蔡章和 0
    2020/3/19 16:01:20
    选择日期以后是否有监听事件可以用 回复
    428167857 0
    2020/1/22 17:54:24
    大佬们 ,这个怎么设置 周末和节假日 不能选择呢??? 回复
    Hello World 0
    2019/8/20 15:01:04

    如何设置输入框初始的值

    $("#calendar3").asDatepicker({
        mode: 'multiple',
        multipleSize:100,
        outputFormat: 'yyyy-mm-dd'
    });
        Hello World1
        2019/8/20 18:10:34

        改了一段_initDate的源码搞定了

        var date = this.options.date === 'today' ? new Date() : this._parseDate(this.options.date, this.format);
        this._date = {};
        this._date.currentDate = [new Date(date)];
        
        if (this.mode === 'multiple') {
            var arr = [];
            if (this.options.date !== 'today') {
                arr = this.options.date.split(',');
                for (var i = 0; i < arr.length; i++) {
                    arr.splice(i, 1, new Date(arr[i]).setHours(0, 0, 0, 0))
                }
            }
            this._date.selectedDate = arr;
            this._date.focusDate = new Date(date);
            this._date.focusDate.setHours(0, 0, 0, 0);
        } else {
            this._date.selectedDate = [new Date(date)];
            this._date.focusDate = [new Date(date)];
        }
    回复
    Hello World 0
    2019/8/19 11:06:58
    设置mode: 'multiple'后最多只能选择5个吗,能不能无限制
        Hello World1
        2019/8/19 11:09:41
        在源码里看到了multipleSize,搞定;
    回复
    呆到自然萌i 0
    2019/4/1 14:29:18
    第一次 怎么默认显示呀 回复
    技术-熊鹰 0
    2018/12/21 16:25:47
    如何设置初始值?
        冰冷/1
        2019/5/15 22:27:52
        $("#calendar").asDatepicker({
            date:'1997-04-29',
        });

        这是源码()里边的代码:

        _initDate: function() {
                var date = this.options.date === 'today' ? new Date() : this._parseDate(this.options.date, this.format);

        然后你的格式的话,可以继续按照他的属性往下看,就行了,默认是yyyy-mm-dd

    回复
    ??????? 0
    2017/12/21 14:16:47
    选择日期后有回调吗?
        TTL0
        2019/12/25 16:22:55
        找到回调函数了么? 我现在也需要用回调函数
    回复
    花花世界丶何必当真 0
    2017/12/14 6:12:18

    请问说button未定义,怎么解决?

    回复
    花花世界丶何必当真 0
    2017/12/14 6:11:45

    请问这个怎么解决?

    回复
    咭兮乎 0
    2017/11/22 17:07:57

    怎么替换成中文呢

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复