我三流

いろいろ自分なりにやってみたことを書いています

datepickerを設置して日付を選択イベントでsubmitしたい時

ググるとこれお国を問わずかなりハマっている人がいる模様

かくいう自分もかなりハマったので備忘録兼皆さんのお役に立てればと思い書きます

datepickerを設置してsubmitボタンを設置せずに日付を選択イベントでsubmitしたい時はこのように書けば動くようです。

[html]

<form id="sendDate" name="sendDate" action="" method="post">
    <input type="text" id="datepicker" name="fromDate" placeholder="日付を選択してください" autocomplete="off"/>
</form>

 

[jQuery]

<script src="/jquery/jquery.min.js"></script>
<script src="/jquery/jquery-ui.js"></script>
<script src="/jquery/datepicker-ja.js"></script>

<script>
$(document).ready(function() {

    $( "#datepicker" ).datepicker({
        // 日付が変更された時のイベント設定
        onSelect: function(dateText, inst){
            // submit()でフォーム(sendDate)の内容を送信

            // この場合はテキストボックスの(fromDate)がpostされる
            $('#sendDate').submit();
         }
    });

});
</script>