ccc

JQueryui Datepicker: Varios

// Evento al cambiar el mes del calendario
$("#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