簡體   English   中英

Laravel:如何在兩個日期之間過濾記錄

[英]Laravel: how to filter records between two dates

我有一個JavaScript表單來顯示兩個日期,我想知道如何使用此表單來過濾兩個日期之間的記錄。 我不知道如何向控制器發送請求以過濾記錄! 我包括文件中的腳本,請需要幫助以使控制器並使用ajax響應顯示記錄

請檢查如何顯示日期的屏幕截圖

屏幕截圖

<div class='input-group pull-right' id='m_daterangepicker_6'>
     <input type='text' class="form-control m-input" readonly  placeholder="Select date range"/>
     <span class="input-group-addon">
          <i class="fa fa-calendar fa-fw" aria-hidden="true"></i>
     </span>
</div>

這里的代碼顯示日期

<td class="col-sm-2">{{date('m/d/Y', strtotime($check->postingdate))}}</td>

 **here javascript**

// ==類定義

  var BootstrapDaterangepicker = function () {

  //== Private functions
   var demos = function () {
    // minimum setup
    $('#m_daterangepicker_1, #m_daterangepicker_1_modal').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary'
       });

    // input group and left alignment setup
    $('#m_daterangepicker_2').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary'
        }, function(start, end, label) {
        $('#m_daterangepicker_2 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
    });

     $('#m_daterangepicker_2_modal').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary'
        }, function(start, end, label) {
        $('#m_daterangepicker_2 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
      });

    // left alignment setup
    $('#m_daterangepicker_3').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary'
        }, function(start, end, label) {
        $('#m_daterangepicker_3 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
    });

      $('#m_daterangepicker_3_modal').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary'
         }, function(start, end, label) {
        $('#m_daterangepicker_3 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
       });


    // date & time
      $('#m_daterangepicker_4').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary',

        timePicker: true,
        timePickerIncrement: 30,
        locale: {
            format: 'MM/DD/YYYY h:mm A'
         }
        }, function(start, end, label) {
        $('#m_daterangepicker_4 .form-control').val( 
  start.format('MM/DD/YYYY h:mm A') + ' / ' + end.format('MM/DD/YYYY h:mm A'));
      });

    // date picker
       $('#m_daterangepicker_5').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary',

        singleDatePicker: true,
        showDropdowns: true,
        locale: {
            format: 'MM/DD/YYYY'
        }
       }, function(start, end, label) {
        $('#m_daterangepicker_5 .form-control').val( 
  start.format('MM/DD/YYYY') + ' / ' + end.format('MM/DD/YYYY'));
    });

    // predefined ranges
    var start = moment().subtract(29, 'days');
    var end = moment();

    $('#m_daterangepicker_6').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary',

        startDate: start,
        endDate: end,
        ranges: {
           'Today': [moment(), moment()],
           'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
           'Last 7 Days': [moment().subtract(6, 'days'), moment()],
           'Last 30 Days': [moment().subtract(29, 'days'), moment()],
           'This Month': [moment().startOf('month'), 
moment().endOf('month')],
           'Last Month': [moment().subtract(1, 'month').startOf('month'), 
moment().subtract(1, 'month').endOf('month')]
        }
       }, function(start, end, label) {
        $('#m_daterangepicker_6 .form-control').val( 
   start.format('MM/DD/YYYY') + ' / ' + end.format('MM/DD/YYYY'));
       });
     }

   var validationDemos = function() {
    // input group and left alignment setup
      $('#m_daterangepicker_1_validate').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary'
        }, function(start, end, label) {
        $('#m_daterangepicker_1_validate .form-control').val( 
     start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
      });

     // input group and left alignment setup
     $('#m_daterangepicker_2_validate').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary'
         }, function(start, end, label) {
        $('#m_daterangepicker_3_validate .form-control').val( 
         start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
        });

    // input group and left alignment setup
       $('#m_daterangepicker_3_validate').daterangepicker({
        buttonClasses: 'm-btn btn',
        applyClass: 'btn-primary',
        cancelClass: 'btn-secondary'
        }, function(start, end, label) {
        $('#m_daterangepicker_3_validate .form-control').val( 
    start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
    });        
     }

    return {
    // public functions
    init: function() {
        demos(); 
        validationDemos();
    }
  };
 }();

jQuery(document).ready(function() {    
BootstrapDaterangepicker.init();
});

路由文件(web.php):

Route::match(['get','post'],'test','TestController')->name('search');

的HTML

<form action="{{ route('search') }}" method="POST">
{{ csrf_field() }}
.. input field to fetch dates

</form>

帶有instore方法的Controller(TestController)編寫以下代碼

public function search(Request $request)    
{
   $input1 = $request->input('name_of_input_1');
   $input2 = $request->input('name_of_input_2');    

   $result = ModelName::whereBetween('created_at',[$startDate,$endDate])->get();

   dd($result); // this will print out the results
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM