1

私はjsf 2.0を使用しており、初めてpickadateを使用していますが、Webサイト( http://amsul.ca/pickadate.js/ )に表示されているようには見えません。申し訳ありませんが、写真を投稿することは許可されていません...しかし、正しいcssファイルを含めましたが、私のカレンダーは、ウェブサイトのように適切な日の下ではなく、日付のすべての数字が1つの列に書かれているように見えます.

これが私のコードです：

<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 で同じ問題を抱えていて、解決策を知っている人はいますか? または、ピッカデートの良い代替手段を知っていますか? ありがとう

4

1 に答える 1

0

クリック時に 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();
     }
   }
});
于 2015-02-05T09:02:17.713 に答える