3

Bootstrap Datepickerを使用していますが、新しい日付が選択されたときに新しい日付値を使用してフォームを送信したいので、送信ボタンはありません。

私のフォームHTMLは次のとおりです。

<form id="date-form" method="post" action="" accept-charset="utf-8" >
<input data-date-autoclose="true" data-date-start-view="months" data-date-format="M yyyy" data-date-min-view-mode="months" type="text" id="date-input" />

私はこのフォームをOKに投稿しています：

$('#input-date')
    .datepicker()   
    .on('changeDate', function(){
        $('#date-form').submit();
});

ただし、新しい日付値を取得する必要があるため、次のようにします。

$('#input-date')
    .datepicker()   
    .on('changeDate', function(e){

        $('#date-form').submit(function() {

            var date = $('#input-date').val();

            $.post("my-page", function() {
                alert("success with posting " + date);
            });

             // even if I just have console.log("worked"); in here it wont log

        });
});

上記のコードでは、POSTリクエストはまったく行われません。私が言ったように、私もコンソールに書き込むことができません。

フォームを投稿するにはどうすればよいですか？

4

2 に答える 2

4

フォームを送信する最初の例。

送信イベントに関数を割り当てている 2 番目の例。フォームを送信するつもりはありません。.trigger("submit"); を呼び出す必要があります。それを実行します。

私はあなたが欲しいと思う

$('#input-date')
    .datepicker()   
    .on('changeDate', function(e){    
        var date = $('#input-date').val();    
        $.post("my-page", function() {
            alert("success with posting " + date);
        });
    });
于 2013-02-27T19:19:06.530 に答える