簡體   English   中英

在“ Dojo日歷”窗口小部件中選擇多個日期

[英]Selecting Multiple dates in Dojo Calendar widget

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

我的要求是這樣的:

  1. 選擇多個日期以將所選日期標記為假日並將其保存在數據庫中。
  2. 將所選日期推送為JSON或數組
  3. 選擇日期后,需要用某種顏色標記背景色以確認已選擇。
  4. 取消選擇后,需要將背景顏色改回白色以確認未選擇。

如何做到這一點? 幫助表示贊賞。

-Vinoth

有一個實驗性的MultiSelectCalendar小部件

您可以嘗試以下方法:

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

我還沒有弄清楚如何保持所選單元格的顏色,但這應該是可行的...

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM