フォームを提出する日付を選択したとき

Question

入力日付タイプを使用してフォームを送信する方法はありますか？つまり、日付を選択すると、フォームはボタンのクリックなしで送信されますか？ 例については

、

私はこのフォームを持っています。このような

<form action='ex.php' method='POST'> 
 
    Enter a date: <input type='date' name='date' /> 
 
</form>

Answer 1

コードの下にしようとし、その後任意の日付ピッカーを使用している場合。

 $('#date1').change(function(){ 
 
     console.log('Submiting form');     
 
     $('#form1').submit(); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action='ex.php' method='POST' id="form1"> 
 
     Enter a date: <input type='date' name='date' id="date1" /> 
 
     </form>

Answer 2

何かがトリックを行う可能性があります - ユーザが指定した日付のいくつかの検証が呼び出されるかもしれませんがそれが追加された日付であることを確認するために&が処理されます。

<form action='ex.php' method='POST'> 
    Enter a date: <input type='date' name='date' /> 
</form> 


<script> 
    var oDate=document.querySelectorAll('input[type="date"]')[0]; 
    oDate.addEventListener('blur',function(e){ 
     /* additional date validation here */ 
     if(oDate.value!='')oDate.parentNode.submit(); 
    },false); 
</script> 

Answer 3

$(function() { 
 
    $("#datepicker").datepicker(); 
 
    }); 
 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
 

 
<form action='ex.php' method='POST'> 
 
    Enter a date: <input type="text" id="datepicker"> 
 
    <input type="submit"> 
 
    </form>