jQuery UI Datepicker - Désactiver les jours

Est-il un moyen (facile) pour définir le jQuery UI Datepicker interdire la sélection de certains, prédéterminé jours?

J'ai été en mesure d'obtenir cette approche de travail, cependant, il produit une erreur nulle, ce qui l'empêche de s'afficher dans IE.

'natDays[...].0' a la valeur null ou n'est pas un objet

Merci d'avance!

Mise à JOUR: Pourrait aider si j'ai inclus un peu de code, non? De toute façon, la plupart de ceci a été pris directement à partir de ladite fil:

natDays = [
        [7, 23], [7, 24], [8, 13], [8, 14], 
    ];

    function nationalDays(date) {
        for (i = 0; i < natDays.length; i++) {
            if (date.getMonth() == natDays[i][0] - 1
            && date.getDate() == natDays[i][1]) {
                return [false, natDays[i][2] + '_day'];
            }
        }
        return [true, ''];
    }

    function noWeekendsOrHolidays(date) {
        var noWeekend = $.datepicker.noWeekends(date);
        if (noWeekend[0]) {
            return nationalDays(date);
        } else {
            return noWeekend;
        }
    }


    $(function() { 
        $("#datepicker").datepicker({
            inline: true,
            minDate: new Date(2009, 6, 6), 
            maxDate: new Date(2009, 7, 14), 
            numberOfMonths: 2, 
            hideIfNoPrevNext: true,
            beforeShowDay: $.datepicker.noWeekends,
            altField: '#alternate',
        }); 
    });

Merci encore!

pourriez-vous collez votre code de ce que vous avez c'est l'origine de l'erreur
Besoin d'un exemple de code d'au moins la ligne en question...

InformationsquelleAutor Sam | 2009-03-24

9

Avez-vous essayé de déclarer natDays correctement avec le 'var' mot-clé dans l'avant?

Aussi - vous avez une virgule supplémentaire à la fin de votre natDays définition.

natDays[i][2] ne fonctionne pas comme vos tableaux de seulement 2 articles en eux - essayez juste de "

En outre, vous devrez définir votre beforeShowDay nom de la fonction correctement - ne regarde pas comme il est encore d'appeler votre fonction personnalisée
- Hmm... juste essayé. Pas de chance. C'est l'erreur que IE est de retour: 'natDays[...].0' a la valeur null ou n'est pas un objet
- Voir mon récent modifier... ce n'est pas définie correctement (virgule supplémentaire)
- Ok... je pense que nous sommes se rendre quelque part! La virgule supplémentaire fixé les choses dans IE8. Pouvez-vous me montrer ce que vous voulez dire avec votre deuxième commentaire, si? (Je suis un JS novice... pouvez-vous le dire?) Merci!!!!
- Oh!!! La virgule à la fin! Maintenant, il fonctionne parfaitement. Merci!
- Cool, heureux de vous avoir aidé
InformationsquelleAutor Chris Haines

Ici est une façon de désactiver les dates précises d'être sélectionné:

var unavailableDates = ["9-5-2011","14-5-2011","15-5-2011"];

function unavailable(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, unavailableDates) < 0) {
    return [true,"","Book Now"];
  } else {
    return [false,"","Booked Out"];
  }
}

$('#iDate').datepicker({ beforeShowDay: unavailable });

Source: jQuery - Datepicker - Désactiver les Dates

InformationsquelleAutor Tokes

7

Vous pouvez utiliser le beforeShowDay option. J'avais besoin de désactiver n'importe quel jour après le 28 du mois. Voici mon code.
```
$('.datepicker').datepicker({
    dateFormat: "yy-mm-dd",
    beforeShowDay: function(date) {
        var day = date.getDate();
        if (day > 28) {
            return [false];
        } else {
            return [true];
        }
    }
});
```
Ici plus d'informations à ce sujet: http://api.jqueryui.com/datepicker/#option-beforeShowDay

La date de la variable passée dans l'beforeShowDay de rappel est un objet date JavaScript, de sorte qu'il peut être formaté à l'aide de diverses bibliothèques, un horodatage peut être récupéré en utilisant la date.getTime(), etc.
- whoto utilisation de la touche cliquez sur afficher le sélecteur?
- Je suis désolé mais je ne comprends pas votre question.
InformationsquelleAutor Alex K

beforeShowDay: $.datepicker.noWeekends,

sera

beforeShowDay: noWeekendsOrHolidays,

InformationsquelleAutor allen

1

Le problème avec IE est le plus probablement sur la ligne suivante:
```
altField: '#alternate',
}); 
```
Essayez de supprimer la virgule symbole et cela devrait fonctionner.

InformationsquelleAutor Lukas Celovsky

 var unavailableDates = ["19-8-2014","14-9-2014"];

 function unavailable(date) {
    dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" +date.getFullYear();
    if ($.inArray(dmy, unavailableDates) < 0) {
     return [true,"","Book Now"];
    } else {
  return [false,"","Booked Out"];
  }
 }

 $('#iDate').datepicker({ beforeShowDay: unavailable });

Démo Live: http://jsfiddle.net/vfod0krm/

juste pour remarque, cela permettra de montrer "réserver maintenant" comme info-bulle pour les dates qui ont été désactivés à l'aide de la minDate/maxDate options

InformationsquelleAutor Roman

Vous devez vous connecter pour publier un commentaire.