1

我正在使用 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的好选择吗？谢谢

4

1 回答 1

0

单击时使用 jQuery 绑定日期选择器。不要在onclickhtml 中的元素事件上编写代码。如果在内部指令中包含这个可能会更好。

指示

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();
     }
   }
});
于 2015-02-05T09:02:17.713 回答