Buenas tardes, mi duda es la siguiente: Al hacer click en "Abrir calendario" necesito obtener una fecha de inicio y un fecha fin y almacenarlas en un input hidden por separado cada una, y que una vez seleccionadas el calendario se haga disabled. Lo que conllevaría a controlar los dos click en el calendario o algo similar. No logro controlar dos eventos distintos para cada fecha.
Codigo:
HTML
<label id="abrir">Abrir calendario</label><br>
<input type="text" id="fechaInicio" value=""><br>
<input type="text" id="fechaFin" value="">
<div id="calendar" style="display:none;"></div>
JS
// Calendar
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$("#abrir").click(function () {
$("#calendar").css("display", "block");
var calendar = $('#calendar').fullCalendar({
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Jue','Vie','Sáb'],
header: {
left: 'prev,next today',
center: 'title',
right: 'month'
},
selectable: true,
selectHelper: true,
select: function (start, end, allDay) {
var date = new Date(start);
var day = zerofy(date.getDate());
var month = zerofy(date.getMonth()+1);
var year = date.getFullYear();
var result = day + "/" + month + "/" + year;
var fechaInicio = "";
var fechaFin = "";
if (result) {
calendar.fullCalendar('renderEvent',{
title: result,
start: start,
end: end,
allDay: allDay,
});
fechaInicio = result;
contador = contador + 1;
alert(contador);
}
calendar.fullCalendar('unselect');
$("#prueba").val(fechaInicio);
}
});
// Calendar end
});
function zerofy(number){
if(number < 10)
number = "0" + number;
return number;
}
Enlace a con una demo: JSFiddle
Gracias de antemano,
Saludos.