3

日付が日付ピッカーでクリックされたときにフォームを送信しようとしています。送信できましたが、選択した日付をフォームの非表示フィールドに渡すことができません。したがって、フォームは送信されますが、日付は送信されません (

簡単にできるはずですが、jsの経験がないので、助けていただければ幸いです。

コードは次のとおりです。

<script type="text/javascript">
  $(document).ready($(function(){

    var $hiddenInput = $('#hiddenFieldID');

    $('#datepicker').datepicker({ inline: true })
     .bind('click', function(){ $('#myFormID').submit();})
     .bind('hiddenFieldID',function(e, hiddenFieldID, $td) { $hiddenInput.val(hiddenFieldID.asString()); });
      }));
 </script>

<div id="datepicker"></div>

<form id="myFormID" action="index.php" method="GET">
<input type="hidden" name="date" id="hiddenFieldID" value="">
</form>
4

2 に答える 2

13

datepicker実際には、これを支援するいくつかのオプションがあります。次のことを試してください。

$('#datepicker').datepicker({
    inline : true,
    altField : '#hiddenFieldID',
    onSelect : function(){
        $('#myFormID').submit();   
    }
});

altField : 日付ピッカーから選択された日付で更新される入力要素。altFormat オプションを使用して、このフィールド内の日付の形式を変更します。代替フィールドがない場合は空白のままにします。

onSelect : 日付ピッカーが選択されたときに呼び出されます。この関数は、選択された日付をテキストとして受け取り、datepicker インスタンスをパラメーターとして受け取ります。これは、関連する入力フィールドを参照します。

に関連するその他のオプションとイベントについては、完全な API にアクセスしてくださいdatepicker: http://api.jqueryui.com/datepicker/

于 2013-02-21T15:39:25.640 に答える
1

私はこの同じ問題で戦いました。私の場合、テーブルの中で始まり、終わりました。フォームをテーブルの外に移動すると、問題が修正されました。

遺伝子

于 2014-02-05T00:24:23.190 に答える