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

        });

您已经给出了额外的报价，因为它被视为变量。

Jquery中的日历问题

1 个答案: