我正在使用嵌入式引导程序日历,并希望用户在ajax事件转到url后点击一天显示数据。
我现在使用.on('changeDate', getDate);
添加来实现点击事件,我可以看到它在POST中显示此数据已传输,但在我的Codeigniter中我无法获取此值。我的变量是空的。
已解决,它忘记了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;