2016-07-14 6 views
1

jQuery UI Datepickerを使用していますが、入力時に正しく初期化されていますが、選択した値をフィールドに挿入しません。jQuery UI Datepickerが日付を入力に挿入しない理由を解決できません。

入力は次のとおりです。

<input name="data[entry-date]" id="parkingEntryDate" type="text" placeholder="dd/mm/yy" class="date-input"> 

JSがある:

$.datepicker.setDefaults({ 
    dateFormat: "dd/mm/yy", 
    dayNamesMin: [ "S", "M", "T", "W", "T", "F", "S" ], 
    minDate: "d", 
    maxDate: "+1y", 
    prevText: "", 
    nextText: "", 
    onSelect: function(dateText, inst) { 
      alert(dateText); 
      } 
}); 

$('#parkingEntryDate').datepicker(); 

カレンダーは予想通り、私は警告にonSelectで正しい日付を参照してください示しているが、日付が挿入されません。値としての入力。空白のままで、期待どおりにキーボード入力を受け付けません。

スクリプトはWordPress enqueue_scriptを使用して正しい順序でロードされ、datepickerは最後のmain.jsで初期化されます。

<head> 
<script type='text/javascript' src='http://macbook-pro.local:5757/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> 
<script type='text/javascript' src='http://macbook-pro.local:5757/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> 
</head> 
... 
<script type='text/javascript' src='http://macbook-pro.local:5757/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script> 
<script type='text/javascript' src='http://macbook-pro.local:5757/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script> 
<script type='text/javascript' src='http://macbook-pro.local:5757/content/themes/mytheme/js/plugins.min.js?ver=20151215'></script> 
<script type='text/javascript' src='http://macbook-pro.local:5757/content/themes/mytheme/js/main.js?ver=20151215'></script> 

インスペクタまたはコンソールにエラーはなく、何が起こっているのかは考えられません。似たような経験をしたJSやjQuery UIを使って、誰かがもっと多くの経験を積んだり、次の問題を探す方向で私を指摘したりすることができます。

事前に感謝します。

答えて

1

入力からidを削除して、クラスが動作している日付ピッカーを初期化します。私はidがユニークで、CSSやJSの他の場所で使用されたり参照されたりしていないことを100%確信しています。なぜ私はこれが働いたのか分かりません - それは私には意味がありませんが、私はそれを超えています。

理由を知っていれば、私は興味があります。

これは将来のコード作成者の役に立ちます。

+0

これは、datepicker()が初期化時にinput要素に自身のidを割り当てるためです。 –

関連する問題