PHP：jQuery DateRangePickerで日付を選択した後、URLに日付を投稿する方法は？

debugcn 投稿 Dev

クナルパンディ

私が使用していますPHPでjQueryのDateRangePickerを- 1つの選択した日付だけでカレンダーUIとしようとしているデータをフェッチ私からMongoDBのコレクション私は、その値が警告される日付を選択したときに、その値を警告した後でコールする必要があります= $フィルタで$ CURRENTDATEの場所['date' => $ currentdate]ですが、フィルターはjQueryコードの上に定義されています。

PHPコード

$filter = ['date' => $currentdate];

HTMLコード-

   <div class="text-right mr-2">
<div class="header-date py-3 text-right">
<span id="reportrange"><i class="icofont-calendar"></i></span>
 <input type="hidden" id="hidreportrange"> 
</div>
</div>

jQuery

$('#reportrange').on('apply.daterangepicker', (e, picker) => { 
           var startDate = picker.startDate.format('YYYY-MM-DD'); 
           alert(startDate);

Oussama Ben Ghorbel

まず、日付の選択にイベントを埋め込む必要があります。

$("#dateInput").datepicker({
    onSelect: function(dateText) {
        // do something
    }
});

Ajaxなし

今、あなたがこのフォームを持っているとしましょう

<link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<form id="myform" action="/action_page.php">
  <input type="text" id="dateInput" class="date">
  <input type="submit" value="Submit">
</form> 
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

action_page.phpjsへのフォーム送信をトリガーするには、次のようになります。

$("#dateInput").datepicker({
    onSelect: function(dateText) {
        $("#myform").submit(); // this will submit the form
    }
});

Ajaxで

何が拡張されたかはわかりませんが、あなたの質問を理解しました。ただし、バックエンドの特定のロジックに対して日付を確認しようとしていると想定しています。非同期（ページの更新なし）にするには、jsは次のようになります。

$("#dateInput").datepicker({
    onSelect: function(dateText) {
    $.ajax({
        url: '/action_page.php',
        type: 'post',
        data: "dateValue=" + dateText,
        success: function(data) {
                   console.log(data); // display backend response on the console
        }
    });
    }
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集2021-05-26

コメントを追加

サインイン

分類Dev

Related 関連記事

記事