如何使用embed bootstrap datepicker获取点击日期?

时间:2017-06-29 13:20:01

标签: javascript jquery datepicker

我正在使用嵌入式引导程序日历,并希望用户在ajax事件转到url后点击一天显示数据。

我现在使用.on('changeDate', getDate);添加来实现点击事件,我可以看到它在POST中显示此数据已传输,但在我的Codeigniter中我无法获取此值。我的变量是空的。

以下是我的代码,但请检查The law I am trying to apply to calculate xd and yd它显示的更好。

  

已解决,它忘记了Codeigniter中的POST方法,使用了GET



$(document).ready(function() {

  // below to initialise the embedded datepicker calendar
  $('#calendar').datepicker({
    weekStart: 1,
    maxViewMode: 2,
    todayBtn: true,
    daysOfWeekHighlighted: "0,6",
    calendarWeeks: true,
    todayHighlight: true
  }).on('changeDate', getDate);

  // below is to get the click event for the calendar "not working"
  function getDate() {
    var grpcalendar = $('#calendar').datepicker('getFormattedDate');

    $.ajax({
      url: "./Controller/send_my_date_here",
      type: "post",
      data: {
        grp_caldate: grpcalendar
      },
      success: function(response) {}
    });
    // below some tables got reload for content refresh after date select
    $('#Table1').DataTable().ajax.reload(null, false);
    $('#Table2').DataTable().ajax.reload(null, false);
    $('#Table3').DataTable().ajax.reload(null, false);
    $('#Table4').DataTable().ajax.reload(null, false);
    $('#Table5').DataTable().ajax.reload(null, false);

  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.0/js/bootstrap-datepicker.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.0/css/bootstrap-datepicker.min.css" rel="stylesheet" />


<div id="calendar"></div>
&#13;
&#13;
&#13;

0 个答案:

没有答案