3

Pikaday日付ピッカー スクリプトを使用しようとしていますが、正常に動作していますが、フィールドとアイコンをクリックしてトリガーしたいと考えています。

次のようなメソッドを使用しjQueryてバインドしています。

var picker = new Pikaday({
    field: $('#used_from')[0]
});

これは問題なく動作しますが、ドキュメントに記載されているようにトリガーオプションを試してみました..

var picker = new Pikaday({
    field: $('#used_from')[0],
    trigger: $('#used_from_cal')[0],
});

これも機能しますが、 idを持つ要素でのみ機能します。used_from_calid の入力フィールドでは機能しなくなりましたused_from。

次のような複数のセレクターを使用してみました。

var picker = new Pikaday({
    field: $('#used_from, #used_from_calc')[0]
});

...しかし、これは最初の要素でのみ機能しました。

コードペン: http://codepen.io/anon/pen/RWJyQL

4

2 に答える 2

5

Pikadayソースでこれを見て、すぐに使用できるとは思わない:

opts.trigger = (opts.trigger && opts.trigger.nodeName) ? opts.trigger : opts.field;

triggerトリガーは、または の1 つだけfieldです。

次のようにして、少しハックすることができます。

  document.getElementById("used_from_cal").addEventListener("click", function(){
    picker.show();
  });

ここでチェックしてください：http://codepen.io/anon/pen/MaXBmQ

于 2015-10-31T13:06:59.903 に答える
1

私はそれが正しい方法ではないことを知っていますが、おそらくあなたを助けるでしょう.

 $(document).ready(function($) {
          var picker = new Pikaday({
            field: $('#used_from')[0]
          });

          $('#used_from_cal').click(function() {
           $('.pika-single.is-bound').removeClass('is-hidden'); 
           $('.pika-single.is-bound').css('position', 'absolute');
           $('.pika-single.is-bound').css('position', '36px');
           $('.pika-single.is-bound').css('left', '10px');
          });
      });
于 2015-10-31T07:13:26.813 に答える