2014-10-10 2 views
0

다음 jquery 함수를 사용하여 캘린더의 날짜를 강조 표시합니다. 나는 이런 식으로 사용하는 경우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": { "number": 5, "url": "http://w3widgets.com/responsive-slider" } 

를 사용하여 2014년 10월 10일 날짜를 강조 달성 할 수있다하지만 난에서 날짜 문자열을 얻을 때 강조 할 수 캔트 하나의 변수

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

하나의 변수에 날짜 문자열을 가져 와서 날짜를 강조 표시하는 방법은 무엇입니까?

+0

두 번째 예제에서 만드는 개체가 첫 번째 예제와 동일하지 않습니다. 'events : { " '+ test2 +'"'test2는 코드의 나머지 부분과 마찬가지로 문자열이 아닙니다. 당신은'str'으로했던 것처럼 전체 문자열을 만들어 객체로 파싱하고'events'를 그것과 같게 설정해야합니다. – Cheery

답변

0
당신은 어떤이 변수로 간주하기 때문에 추가 따옴표를 준이

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

     }); 

같은 코드를 변경

.

+0

아니, 그 작동하지 않습니다 – User

+0

또한 JSON에서 str을 구문 분석 할 필요가 없다고 생각합니다. – Mairaj