Selecting Multiple dates in Dojo Calendar widget

Question

I'm currently using the dojo calendar widget like in http://dojotoolkit.org/reference-guide/dojox/widget/Calendar.html

My requirement is this:

Select multiple dates to mark the selected dates as holiday and save it in DB.
Push the selected dates as JSON or array
Upon selecting a date, the background color needs to marked in some color to confirm it is selected.
Upon deselecting, the background color needs to be changed back to white to confirm its unselected.

How could this be accomplished? Help appreciated much..

-Vinoth

Answer 1

有一个实验性的MultiSelectCalendar小部件

Answer 2

You can try this :

 <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>

I didn't figure out how to keep the selected cells coloured yet, but it should be doable...

Selecting Multiple dates in Dojo Calendar widget

Question

2 answers

solution1
3 2011-11-10 18:44:12

solution2
2 ACCPTED 2011-11-08 17:27:38

Selecting Multiple dates in Dojo Calendar widget

Question

2 answers

solution1 3 2011-11-10 18:44:12

solution2 2 ACCPTED 2011-11-08 17:27:38

solution1
3 2011-11-10 18:44:12

solution2
2 ACCPTED 2011-11-08 17:27:38