pickadate가 제대로 표시되지 않습니다.

Question

jsf 2.0을 사용 중이며 pickadate로 처음 작업하고 있지만 웹 사이트 (http://amsul.ca/pickadate.js/)에 표시되지 않습니다. 죄송합니다. 사진을 게시 할 수는 없지만 ... 올바른 CSS 파일을 포함 시켰지만 날짜에 대한 모든 숫자가 웹 사이트와 같이 지정된 날짜가 아니라 한 열로 작성된 것 같습니다. 여기

내 코드입니다 :

<h:inputText class="datepicker" id="datepicker" binding="#{datepickerInput}" 
             onclick=" 
               var input = $('.datepicker').pickadate({ 
                monthsFull: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'], 
                weekdaysShort: ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'], 
                formatSubmit: 'dd/mm/yyy', 
                format: 'dd.mm.yyyy' 
               }); 
               var picker = input.pickadate('picker'); 
               picker.open(); 
             "/> 

합니까 누구 pickadate와 같은 문제가 있었다과 해결책을 알아? 아니면 pickadate를위한 좋은 대안을 알고 있습니까? 감사합니다

Answer 1

jQuery를 클릭하여 바인딩 날짜 선택 도구. onclick html의 요소 이벤트에 코드를 작성하지 마십시오.이 내부 지시문을 포함 시키면 더 좋을 수 있습니다.

지침

app.directive('datepicker', function(){ 
    return{ 
    restrict: 'AE', 
    link: function(scope, element, attrs){ 
     element.pickadate({ 
      monthsFull: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'], 
      weekdaysShort: ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'], 
      formatSubmit: 'dd/mm/yyy', 
      format: 'dd.mm.yyyy' 
     }); 
     var picker = element.pickadate('picker'); 
     picker.open(); 
    } 
    } 
});