$("#datepicker").datepicker({
onChangeMonthYear: function (year, month, inst) {
console.log("Me has cambiado de mes y anno:"+month+"/"+year);
}
});
// Evento al seleccionar una fecha del calendario
$("#datepicker").datepicker({
onSelect: function (date) { // dd/mm/yyyy
console.log("fecha seleccionada:"+date);
}
});
// Evento para habilitar solo unos días concretos del calendario
var enableDays = ["2017-11-07", "2017-11-07", "2017-11-21", "2017-11-22"];
function enableAllTheseDays(date) {
var sdate = $.datepicker.formatDate( 'yy-mm-dd', date)
if($.inArray(sdate, enableDays) != -1) {
return [true];
}
return [false];
}
$("#datepicker").datepicker({
beforeShowDay: enableAllTheseDays
});
Obtener el día y el mes de la fecha seleccionada:
$('#fecha').datepicker({
language: "es",
autoclose: true,
minDate : "+0",
beforeShowDay: function(date){
console.log(date);
var dia = date.getDate(); // obtiene el día del mes por ejemplo 15
var mes = date.getMonth(); // obtiene el mes por ejemplo 7
console.log('dia: '+dia+' mes: '+mes);
// desabilita los sábados y domingo y tb el 15 de Agosto en el calendario
if(date.getDay()== 0 || date.getDay()== 6 || (dia == 15 && mes == 7)) {
return [0];
} else {
return [1];
}
},
Deshabilitar los fines de semana:
$("#datepicker").datepicker({
beforeShowDay: $.datepicker.noWeekends
});
Que una funcion llame a otra (ej: dias enabled pero descartar de esos dias los fines de semana):
var enableDays = ["2019-02-22","2019-02-23","2019-02-24","2019-02-25","2019-02-26", "2019-02-27", "2019-02-28"];
function checkIfWeekend(date) {
var day = date.getUTCDay();
return [(day != 5 && day != 6)]; // sab y dom
}
function enableAllTheseDays(date) {
var sdate = $.datepicker.formatDate('yy-mm-dd',date);
if($.inArray(sdate, enableDays) != -1) {
return checkIfWeekend(date);
}
return [false];
}
No hay comentarios:
Publicar un comentario