Question

我目前正在使用dojo日历小部件 http://dojotoolkit.org/reference-guide/dojox/widget/Calendar.html

我的要求是：

选择多个日期以将所选日期标记为假日并将其保存在数据库中。
将所选日期推送为JSON或数组
选择日期后，背景颜色需要以某种颜色标记以确认它已被选中。
取消选择后，需要将背景颜色更改回白色以确认其未被选中。

如何实现这一目标？帮助多多赞赏..

-Vinoth

Answer 1

有一个实验性MultiSelectCalendar小部件

Answer 2

你可以试试这个：

 <head>
    <script type="text/javascript">
        var selectedDates = {};
    </script>
 </head>
 <body class="soria">
    <style type="text/css">
        @import "dojox/widget/Calendar/Calendar.css";
    </style>
    <div dojoType="dojox.widget.Calendar">
        <script type="dojo/connect" event="onValueSelected" args="date">
            if (!selectedDates[date]) {
                selectedDates[date] = 1;
            } else {
                delete selectedDates[date];
            }
            var list = dojo.byId("selectedDates");
            dojo.attr(list, "innerHTML", "");
            for (var date in selectedDates) {
                if (selectedDates.hasOwnProperty(date)) {
                    dojo.create("li", {"innerHTML":date}, list);
                }
            }

        </script>
    </div>
    <ul id="selectedDates"></ul>
</body>

我还没弄清楚如何保持所选细胞的颜色，但它应该是可行的......

在Dojo Calendar小部件中选择多个日期

2 个答案: