pickadate 看起来不像它应该的那样答案

【问题标题】：pickadate does not look as it shouldpickadate 看起来不像它应该的那样
【发布时间】：2015-01-29 10:24:06
【问题描述】：

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

【问题讨论】：

在你的 js 中尝试$('#datepicker').on('click', function(e){ var input = $(this).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(); })
谢谢，有帮助！而且我必须检查我的 css 文件是否都不会覆盖 pickadate css 文件...
我已经添加了答案。谢谢。

标签： angularjs angularjs-directive appearance alternate pickadate

【解决方案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();
     }
   }
});

【讨论】：