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を使って、誰かがもっと多くの経験を積んだり、次の問題を探す方向で私を指摘したりすることができます。
事前に感謝します。
これは、datepicker()が初期化時にinput要素に自身のidを割り当てるためです。 –