I'm trying to get the "Range between date" work for multiple instances. Each instance couple has a different id. The datetimepicker is added using the class, which is the same for all instances:
var format = "d-m-Y H:i";
var startSelector = ".date_timepicker_start";
var endSelector = ".date_timepicker_end";
Now I want to get the id of the field that is clicked, then replace start by end, so I have the id of the matching end field, and the use this result to get the value:
$(startSelector).datetimepicker( {
format : format,
onShow : function(ct) {
var selectedid = $(this).attr('id');
var selid = selectedid.replace("start", "end");
var val = $("#"+selid).val();
console.log('id: '+selectedid);
var opts = {
formatDate : "d-m-Y",
maxDate : val ? val.split(' ')[0] : false
};
this.setOptions(opts);
},
});
The var selectedid = $(this).attr('id');returns undefined however. I also tried with this.id etc.. Someone got an idea? I'm probably overlooking something..
Thanks!
$(this)inside the onShow method refers to the datetimepicker div and not the input. Thus you seeundefinedBut the onShow method has other parameters
You can make use the for the second parameter and get the id by
$input.attr('id')Also, you don't need such multiple selectors. You can do something like this
Now you can use just one selector like this