评论：jQuery日历插件Calendar  [查看原文]

$('#start-date').calendar({
    trigger: '#start',
    zIndex: 999,
    width: 500,
    height: 500,
    selectedRang: [new Date(), null],
    onSelected: function(view, date, data) {
        var cc = date.format('yyyy-mm-dd');
        $("#start").html(cc);
        $("input[name=start]").val(cc);
    },
    onClose: function(view, date, data) {}
});

放不开的手0
2017/5/7 14:10:39

可以

怎么把点击获得的日期格式，比如2017-1-1改为2017-01-01（月、日小于10就在前面加0）

林中有鹿i0
2017/3/9 8:52:16

这样的话就得用js拼接了吧

不见0
2017/3/14 15:28:36

这个插件获取到的默认格式是2017-1-1这样的，我没找到在哪改它的默认格式

遥远的她。1
2017/3/17 17:25:04

Date.prototype.format = function(exp) {
        var y = this.getFullYear(),
            m = this.getMonth() + 1,
            d = this.getDate();
            if(m<10){
                m="0"+m;
            }
            if(d<10){
                d="0"+d;
            }
        return exp.replace('yyyy', y).replace('mm', m).replace('dd', d);
}

遥远的她。1
2017/3/17 17:25:46

Date.prototype.format 找到这个函数就可以改了

漠0
2017/3/28 11:54:55

是啊  用函数就好了

姜为0
2017/4/1 16:43:44

不想用函数可以if判断

菜头灬1
2017/4/2 19:34:59

修改默认格式？  但是可以用js修改，js判断如果单独的时分秒小于10则时/分/秒等于“0”+时/分/秒

′-ω?`0
2017/4/17 11:41:35

判断 < 10  前面加个0 就可以了

Mr Bright0
2017/7/24 14:52:23

天啊,我还从它的长度判断,弄了好久,马丹!!!!

┵她入我心♀0
2017/7/28 9:41:32
在前面加0就行了

勿忘初心0
2017/9/30 15:47:28

//日期格式转化
Date.prototype.format = function(fmt) {
        var o = {
            "M+": this.getMonth() + 1, //月份       
            "d+": this.getDate(), //日       
            "h+": this.getHours(), //小时      
            "m+": this.getMinutes(), //分      
            "s+": this.getSeconds(), //秒     
            "q+": Math.floor((this.getMonth() + 3) / 3), //季度     
            "S": this.getMilliseconds() //毫秒   
        };
        if (/(y+)/.test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
        }
        for (var k in o) {
            if (new RegExp("(" + k + ")").test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            }
        }
        return fmt;

Uncle0
2017/3/9 16:42:56

宽度设置百分比而不是固定像素

妄语0
2017/5/9 10:13:56

var windoww=$(document).width();
          	var windowh=$(document).height();
            $('#ca').calendar({
                width: windoww,
                height: windowh,
                data: [
        			{
        			  date: '2015/12/24',
        			  value: 'Christmas Eve'
        			},
        			{
        			  date: '2015/12/25',
        			  value: 'Merry Christmas'
        			},
        			{
        			  date: '2016/01/01',
        			  value: 'Happy New Year'
        			}
        		],
                onSelected: function (view, data) {
                    var _data=data.toString().split(' '); 
                    if (_data[2]>9){
                        $('.c7205bf651c404e70b6b8ae6e3e3bda78 .calendar-hd .d').html(_data[2]);
                    }else{
                        var _sdata=_data[2].split('');
                        $('.c7205bf651c404e70b6b8ae6e3e3bda78 .calendar-hd .d').html(_sdata[1]);
                    }
                    console.log(_data)
                    console.log(view)
                }
            });

这个文件单独下载是好好的，为什么我引用到我的项目中，会跳出来一个$('#dd').calendar不是一个function，文件路径引用也是对的

这个插件多个的时候在ie会有bug出现

这个插件 有API么？这个插件网里面的api怎么看

火狐的布局明显有问题啊

H@/cid恩T/0
2018/4/23 23:37:34
我的也是，是不是周日在周一下面。一行只显示了六个日期不是七天？

Ape2
2016/11/15 17:11:09
startWeek: 1,// 星期格式weekArray: ['一', '二', '三', '四', '五', '六','日'],

所幸0
2016/12/26 21:12:25

在demo的script里面加这一行代码吗，貌似不行

MissingMiss0
2017/4/2 10:37:57

自己改一下

Ape3
2016/11/15 17:11:34

。。。这个插件的可选时间范围是可以设置的  js 300行左右的位置有句代码 ：

if ((start && day <= start.clearTime()) || (end && day > end.clearTime())) {
    action = DISABLED;
}

就是说可选范围小于你设置的Strat日期 大于End日期就全部加个disabled属性设置不可选单独那天不可选你可以在初识那里模仿data写一个自己的数组：

mydata: ['2016/11/15']然后在277行左右的Calendar构造函数里面声明一下，最后再回到第一步代码的下面遍历自己的数组，并且设置不可选就可以了

$.each(this.mydata,function(n, v) {
	if (day.format('yyyy/mm/dd') == v) {
		action = DISABLED;
		return;
	}
});

你才到碗里去0
2017/1/24 18:19:04
你好，怎么回到今天？就是比如今天是2017/1/24    日历被我翻到了 2017/3/1  点击一个今天按钮，日历页面要回到今天所在的月份

敖特萌0
2016/11/3 12:11:30
我也想知道，如何设置今天之前的日期不可选。你知道吗

Ape3
2016/11/14 11:11:09

selectedRang: [new Date(),null]