找回密码
 立即注册

QQ登录

只需一步,快速开始

shuguang300

新手上路

1

主题

3

帖子

33

积分

新手上路

积分
33
  • 30

    金币

  • 主题

  • 帖子

最新发帖
shuguang300
新手上路   /  发表于:2012-10-2 20:35  /   查看:8325  /  回复:4
我在wijmo.com网站上看的wijmo calendar插件的文档里面写的selectDate(date)的方法,但是在看custom selection的源码的时候,有点看不懂那段代码,有没有人能给我讲解一下。地址是:http://wijmo.com/demo/explore/?w ... =Custom%20selection

下面把源码贴出来
$(function () {
            $("#calendar1").wijcalendar({
                beforeSelect: function (e, data) {
                    var selDates = $("#calendar1").wijcalendar('option', 'selectedDates'), selected = false;
                    $.each(selDates, function (i, d) {
                        if (data.date.getFullYear() === d.getFullYear() &&
                            data.date.getMonth() === d.getMonth() &&
                            data.date.getDate() === d.getDate()) {
                            selected = true;
                        }
                    });
  
                    if (selected)
                        $("#calendar1").wijcalendar('unSelectDate', data.date);
                    else
                        $("#calendar1").wijcalendar('selectDate', data.date);
  
                    var list = $("#msg").empty()
                    selDates = $("#calendar1").wijcalendar('option', 'selectedDates');
                    $.each(selDates, function (i, d) {
                        var li = $("<li/>");
                        li.text(d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate());
                        list.append(li);
                    });
  
                    return false;
                }
            });
        });

4 个回复

倒序浏览
shuguang300
新手上路   /  发表于:2012-10-2 20:37:00
沙发
新手学习。。。求指教啊
回复 使用道具 举报
ZenosZeng讲师达人认证 悬赏达人认证
超级版主   /  发表于:2012-10-8 17:11:00
板凳
回复 2楼shuguang300的帖子

shuguang300 你好

以上代码主要是根据鼠标点击事件来改变日期的选择状态,如果鼠标点击的日期已经选中,就将选中状态取消;如果鼠标点击的日期没有选择,就讲选择状态设置为选择。

  1.                     if (selected)
  2.                         $(&quot;#calendar1&quot;).wijcalendar('unSelectDate', data.date);
  3.                     else
  4.                         $(&quot;#calendar1&quot;).wijcalendar('selectDate', data.date);
复制代码
回复 使用道具 举报
shuguang300
新手上路   /  发表于:2012-10-8 18:59:00
地板
回复 3楼dof的帖子

var selDates = $(&quot;#calendar1&quot;).wijcalendar('option', 'selectedDates'), selected = false;
比如这个,在doc中,option选项里面没有selectedDates 这一项,这就莫名其妙出来了。
还有这个语法,var selDates = ... , ... 中间居然有个逗号,这是什么概念?
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2012-10-9 18:54:00
5#
回复 4楼shuguang300的帖子

selectedDates 属性代表 所选择的 date 对象集合。
有这个语法,var selDates = ... , ... 中间居然有个逗号,这是什么概念?
这是一种简略写法,也可以写为:

  1. var selDates = $(&quot;#calendar1&quot;).wijcalendar('option', 'selectedDates');
  2. var selected = false;
复制代码
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部