[英]How can i pass the date to my addEventListener function?
我想将从valider_planning.addEventListener('click', function(){})
生成的selectedDate
传递给valider_planning.addEventListener('click', function(){})
在 datePicker 中, selectedDate
默认生成当前日期,或者如果用户选择特定日期,则它会更改。
我试图通过传递一个全局变量来做到这一点,但是它似乎不适用于onSelect: function(selectedDate)
生成的selectedDate
onSelect: function(selectedDate)
这样做的目的是:当用户按下valider_planning
按钮时,我可以通过Ajax 将信息发送到我的php 文件以验证计划。
这是我的代码:
let current_date;
var date_choisie;
var selectedDate;
const user = $("#user").val();
const boutique = $("#boutique").val();
// Datepicker on navBar
$( function() {
$("#calendrier").datepicker({
dateFormat: "yy-mm-dd",
onSelect: function(selectedDate) {
console.log("Date apres choix : " + selectedDate + "type : " + typeof(selectedDate) + "Employé : " + user + "Boutique : " + boutique);
AjaxCall(selectedDate, boutique);
}
})
//set date as current (by default)
$("#calendrier").datepicker('setDate', new Date());
//get date in a variable
date_choisie = $('#calendrier').datepicker('getDate');
selectedDate = $.datepicker.formatDate("yy-mm-dd", date_choisie);
console.log("date par défaut : "+ selectedDate + "type : " + typeof(selectedDate) +"Employé : " + user + "Boutique : " + boutique);
AjaxCall(selectedDate, boutique);
} );
valider_planning.addEventListener('click', function(){
$.ajax({
method: 'get',
url: 'http://planning-ilm.atwebpages.com/valider_planning/' + selectedDate + '/' + boutique,
dataType: 'json',
success: function(data){
showplannings(data.datecourante, data.message, affectation);
plannings2 = data.message;
datecourante2 = data.datecourante;
}
});
$("#validation_modal")[0].style.visibility = "visible";
$("#validation_modal")[0].style.display = "block";
})
我想我解决了它:
我基本上将selectedDate
更改为selectedDate2
并添加了selectedDate = selectedDate2
var selectedDate;
$( function() {
$("#calendrier").datepicker({
dateFormat: "yy-mm-dd",
onSelect: function(selectedDate2) {
console.log("Date apres choix : " + selectedDate2 + "type : " + typeof(selectedDate2) + "Employé : " + user + "Boutique : " + boutique);
AjaxCall(selectedDate2, boutique);
selectedDate = selectedDate2;
}
})
//set date as current
$("#calendrier").datepicker('setDate', new Date());
//get date in a variable
date_choisie = $('#calendrier').datepicker('getDate');
selectedDate = $.datepicker.formatDate("yy-mm-dd", date_choisie);
console.log("date par défaut : "+ selectedDate + "type : " + typeof(selectedDate) +"Employé : " + user + "Boutique : " + boutique);
AjaxCall(selectedDate, boutique);
} );
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.