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

        });

您提供了额外的引号，因此它被视为变量。