liferay - 选定时间段的合金 UI 调度程序多日事件

Question

Alloy UI Scheduler 面临的问题是，我无法在选定的时间段内选择多天事件，例如从 2014 年 8 月 12 日到 2014 年 8 月 15 日，时间从 12 日到每天下午 1:00 到下午 5:00 2014 年 8 月 15 日。截至目前，合金 ui 调度程序将其视为全天事件，如附图所示，情况不应如此。

请让我知道如何实现上述目标。

Answer 1

我能找到的最好方法是使用for循环。对于从 8 月 12 日到 15 日下午 1 点到 5 点的事件的具体示例，您可以创建一个for类似于此的循环：

var events = [];
for (var i = 0; i < 4; i++) {

    events.push({
        content: 'Repeating Event',
        endDate: new Date(2014, 7, 12 + i, 17),
        startDate: new Date(2014, 7, 12 + i, 13)
    });
}

new Y.Scheduler({
    // ...
    date: new Date(2014, 7, 11),
    items: events,
    render: true
    // ...
});

这是一个带有可运行AlloyUIScheduler的完整示例（向下滚动以查看从下午 1 点开始的事件）：

YUI().use('aui-scheduler', function (Y) {

    var events = [];
    for (var i = 0; i < 4; i++) {

        events.push({
            content: 'Repeating Event',
            endDate: new Date(2014, 7, 12 + i, 17),
            startDate: new Date(2014, 7, 12 + i, 13)
        });
    }

    new Y.Scheduler({
        boundingBox: '#boundingBox',
        date: new Date(2014, 7, 10),
        items: events,
        render: true,
        views: [new Y.SchedulerWeekView()]
    });
});

<script src="https://cdn.rawgit.com/stiemannkj1/701826667a70997013605edcd37e92a6/raw/469fe1ae297e72a5a80eb9015003b7b04eac735e/alloy-ui-3.0.1_aui_aui-min.js"></script>
    <link href="https://cdn.rawgit.com/stiemannkj1/90be22de7f48c729b443af14796d91d3/raw/a9f35ceedfac7fc0559b121bed105eaf80f10bf2/aui-css_css_bootstrap.min.css" rel="stylesheet"></link>
<div id="boundingBox"></div>

如果此解决方案不够好，您可能需要查看SchedulerAPI 文档。SchedulerEvent有一个可能是您正在寻找的属性（repeated注意：我无法让该repeated属性按照我对您的用例所期望的方式工作）。