Witam! Mam w formularzu dwa datepicker'y(domyślnie ustawiona obecna data), z krórych użykownik wybiera datę i dalej wypełnia kolejne pola. Z kilku z tych pól, w tym datepickerów, dane są na bieżąco wczytywane do funkcji, gdzie wykonywane są na nich obliczenia a wyniki wyświetlane w innych polach formularza. Jeśli jednak ustawię datę i wypełnię resztę pól a potem spróbuję zmienić datę, zmieniona wartość nie zostanie wczytana do funkcji - wczyta się dopiero kiedy wyczyszczę konkretne pole. Ja potrzebuję, żeby data wczytywała się do funkcji automatycznie po zmianie na datepickerze.
<div id ="data">*Data przyjazdu:
</div> <div id="mres-form5"><?php echo JHTML::calendar(date("Y-m-d"),'mycalendar1', 'date', '%Y-%m-%d',array('size'=>'5','maxlength'=>'10','class'=>' validate[\'required\']',)); ?>
</div> <div id="data1">*Data wyjazdu:
</div><div id="mres-form6"><?php echo JHTML::calendar(date("Y-m-d"),'mycalendar1', 'date1', '%Y-%m-%d',array('size'=>'5','maxlength'=>'10','class'=>' validate[\'required\']',)); ?>
</div>
jQuery(document).ready(function() {
var $array = [];
var $array2 = [];
var datear ="";
var datedep="";
var datear_="";
var datedep_="";
jQuery('#date').on('input', function(){
Licz();
});
jQuery('#date1').change( function(){
Licz();
});
var Licz = function () {
var day1 = "";
var month1 ="";
var year1 = "";
var day2 = "";
var month2 ="";
var year2="";
datear_ = jQuery('#date').val();
datedep_ = jQuery('#date1').val();
$array = datear_.split("-");
day1 = $array[2];
month1 =$array[1];
year1 = $array[0];
datear = new Date(year1, month1-1, day1);
$array2 = datedep_.split("-");
day2 = $array2[2];
month2 =$array2[1];
year2 = $array2[0];
datedep = new Date(year2, month2-1, day2);
$array=[];
$array2=[];
days = Math.round((datedep-datear)/(1000*60*60*24));
datear_="";
datedep_="";
}
});