1

我无法理解如何使用 isDisabledDate 属性禁用除少数日期之外的所有日期。

情况：

我正在使用 Dijit 日历小部件作为允许控制远程调度程序的 Web 应用程序的一部分。

基本上，当用户请求时，会从服务器检索作业列表。如果为特定日期安排了作业，则应启用该日期（否则默认禁用）。

直观地，在伪代码中，我想做这样的事情：

function onGetJobsComplete(jobs){ 
    foreach(job in jobs) {
         dijit.byId('MyCalender').enableDate(job.date);
    }
}

最终结果是，我希望用户以图形方式查看哪些日子有工作，并能够单击这些日子以获取更多信息（这部分我正在工作）。

我能找到的所有示例似乎都基于不依赖于外部变化数据的标准（即：所有周末或某些此类）来处理屏蔽日期

编辑：

我试过这个：

     <div id="calSJobs" data-dojo-type="dijit/Calendar" data-dojo-props="
                dayWidth:'abbr',
                isDisabledDate: disabledDates"
                />

-

function disabledDates(value){
    if(typeof dataJobs == 'undefined')
        return true;
    try {   
    for(i=0; i<dataJobs.length; i++) {
        if(dataJobs[i].cron == 'False')
        {
                jobDate = new Date(dataJobs[i].time);
                calDate = value;
                if(compareDate(jobDate, calDate)
                    return false;
        }
    }
    } catch (err) {log(err.message);}
    return true;
}

var compareDate;
require(["dojo/date"], function(date){

compareDate = function (date1, date2) {
    if(date.compare(date1, date2, 'date') == 0)
        return true;
    else
        return false;
}

});

但这有两个问题：

  • compareDate 不起作用，因为我需要 AMD 模块如果我删除“require”的东西，它可以正常工作，但我不能使用 date.compare。同样的事情在我的代码中的其他地方有效，但在被 dijit 小部件调用时无效？

  • 除了日历视图更改之外，如何在数据更改时运行逻辑？

4

1 回答 1

1

如果您按以下方式创建日历，则可以添加启用日期和未启用日期的逻辑

 new Calendar({
        value: new Date(),
        isDisabledDate: lang.hitch(this, function(d){
            return true;
        })
    }, "mycal");

这应该禁用所有日期。或者，如果您想启用其中一些，您可以向函数添加一些逻辑并返回 false 以防该日期在您的列表中。

顺便说一句，如果您想禁用所有内联日期，您可以执行以下操作：

<div data-dojo-type="dijit.Calendar" value="20120512" data-dojo-props="isDisabledDate:function(){return true; }"></div>
于 2013-05-31T06:02:52.867 回答