jQuery中的日歷問題

Question

我使用以下jquery函數突出顯示日歷中的日期。

     <script type="text/javascript">
          $(document).ready(function () {
              $(".responsive-calendar").responsiveCalendar({
                  time: '2014-10',
                  events: {
                      "2014-10-10": { "number": 5, "url": "http://w3widgets.com/responsive-slider" }                
                  }
              });
          });
        </script>

如果我這樣使用，我可以使用突出顯示2014-10-10日期

"2014-10-10": { "number": 5, "url": "http://w3widgets.com/responsive-slider" } 

但是我無法突出顯示當我在一個變量中獲得日期字符串時

<script type="text/javascript">

    $(document).ready(function () {
        var appointment = "2014-10-10"; 
        var str = '{"' + appointment + '":{"badgeClass":"badge-warning"}}';
        var test2 = JSON.parse(str);

        /* Initialize calendar */
        $(".responsive-calendar").responsiveCalendar({
            time: '2014-10',
            events: { "'+test2+'": { "number": 5, "url": "http://w3widgets.com/responsive-slider" } }

            });
    });

   </script>

如何通過在一個變量中獲取日期字符串來突出顯示日期？

Answer 1

像這樣更改代碼

$(".responsive-calendar").responsiveCalendar({
        time: '2014-10',
        events: { test2: { "number": 5, "url": "http://w3widgets.com/responsive-slider" } }

        });

您已給出額外的引號，因此將其視為變量。