jQuery Datepicker가 WordPress 환경에 표시되지 않습니다.

Question

필자는 완벽하게 잘 작동하는 코드를 가지고 있지만 필자의 WordPress 환경으로 코드를 가져 오면 작동하지 않습니다. 기본적으로 날짜 범위 배열을 기반으로 선택 가능한 날짜를 제한하려고합니다.

작업 바이올린 : http://jsfiddle.net/rLnTQ/658/

내 워드 프레스 페이지에 가져올 때이 작동하지 않을 어떤 이유? 당신이 $ alias conflict했다처럼

는 코드가 잘 작동

var unavailableDates = ["29-6-2013"]; 

function disabledays(date) { 
    dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); 
    if ($.inArray(dmy, unavailableDates) == 0) 
    { 
     return [false, "", "Unavailable"] 
    } 
    else 
    { 
     var day = date.getDay(); 
     return [true, "", ""]; 
    } 
} 

jQuery(document).ready(function($){ 
$('#bookingDate').datepicker({ 
           changeMonth:true, 
           changeYear:true, 
           dateFormat:"dd/mm/yy", 
           minDate:"+2d", 
           constrainInput: true, 
           beforeShowDay: disabledays 
          }); 
}); 

Answer 1

, 보인다,이 : 여기

어쨌든 내 코드입니다 .. "disabledays beforeShowDay"나는로 참조 할 수있는 뭔가가있을 수 있습니다 생각 그것은

1) jQuery.inArray 대신 내가이 문제를 해결하기 위해 jQuery를에 의해 주어진 noConflict 기능을 사용하는 것입니다 선호하는 또 다른 해결 방법)

2 $.inArray의위한 솔루션의 몇 가지, 당신은 자세한 내용을보실 수 있습니다 여기 http://api.jquery.com/jQuery.noConflict/

jQuery.noConflict(); 
(function($) { 
    $(function() { 
    // more code using $ as alias to jQuery 
    }); 
})(jQuery); 
// other code using $ as an alias to the other library 

은 또한이 코드 (코드 : 깔끔한 버전), 여기에

var unavailableDates = ["6-29-2013","6-27-2013","7-2-2013"]; 

function disabledays(date) { 
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();  

    for (i = 0; i < unavailableDates.length; i++) { 
     if(jQuery.inArray((m+1) + '-' + d + '-' + y,unavailableDates) != -1 || new Date() > date) { 
      return [false]; 
     } 
     return [true]; 
    } 
} 

    jQuery(document).ready(function($){ 
    $('#bookingDate').datepicker({ 
            changeMonth:true, 
            changeYear:true, 
            dateFormat:"dd/mm/yy", 
            minDate:"+2d", 
            constrainInput: true, 
            beforeShowDay: disabledays 
           }); 
    }); 

을 시도 할 수있는 jsfiddle http://jsfiddle.net/rLnTQ/659/