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绑定日期选择器。不要在html上的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();
     }
   }
});

pickadate看起来不应该

1 个答案: