pickadate 看起来不应该

pickadate does not look as it should

我使用的是 jsf 2.0,我是第一次使用 pickadate,但它看起来不像在他们的网站上显示的那样 (http://amsul.ca/pickadate.js/)。抱歉,我不允许 post 一张照片...但是尽管我包含了正确的 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 的一个很好的替代品吗?谢谢

点击时使用 jQuery 绑定日期选择器。不要在来自 html.It 的元素的 onclick 事件上编写代码,如果将此包含在内部指令中可能会更好。

指令

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();
     }
   }
});