Désactiver des dates sur p:calendrier

Est-il possible de désactiver des dates spécifiques (par exemple: le 15 Mai ou 23 juin) sur le PrimeFaces 3.5 <p:calendar> composant? Il est de min et de max, mais j'ai besoin de désactiver dates spécifiques comme les jours fériés à l'aide de el expressions si je peux utiliser la dynamique des dates.

À l'aide de Hieu réponse, assurez-vous que les dates de désactiver ont PAS de zéros dans le front (eg. '03/03/2013" devrait être "3/3/2013').

OriginalL'auteur Apoorv Kansal | 2013-05-15

  1. 8

    Étape 1: écrire une fonction javascript pour désactiver une liste de dates

    var disabledDays = ["5-15-2013", "6-23-2013"];
function disableAllTheseDays(date) {
    var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
    for (i = 0; i < disabledDays.length; i++) {
        if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1) {
            return [false];
        }
    }
    return [true];
}

    Étape 2: utilisez beforeShowDay attribut de Primefaces datepicker

    <p:calendar id="pfdate" navigator="true" pattern="MM-dd-yyyy" 
      value="#{day}" beforeShowDay="disableAllTheseDays" showOn="button"/>
    Merci cela devrait fonctionner. Cependant, est-il possible d'importer ces dates désactivées dans la fonction javascript de façon dynamique? Je vais les récupérer à partir d'une base de données.
    Il est possible, Apoorv. Vous pouvez utiliser JSF EL to load dynamic disabledDays
    Grâce Hieu. Je voudrais remplacer la première ligne avec, var disabledDays = #{bean.randomDateList}? Perissf, comment puis-je utiliser un validateur personnalisé ou un Ajax gestionnaire d'événement avec cette affaire?
    Oui, cela a fonctionné. Cependant, j'ai essayé d'utiliser JSF EL et ça ne fonctionne pas. J'ai utilisé #{bean.dateString} et dateString est un type de chaîne.
    Tant pis, j'ai résolu le problème en utilisant simplement une chaîne de caractères qui est dans le format d'un tableau javascript (par exemple. "['12/12/12', '3/3/12']").

    OriginalL'auteur Hieu Tran

  2. 1

    Pour désactiver tous les vendredi jours, j'ai utilisé le beforeShowDay attribut sur le p:calendrier , le code beloow explique ceci :

    <p:calendar ..... mask="true" locale="fr" beforeShowDay="fridaysDisabled" .... required="true" maxdate="new Date();"/>

    ET la fonction JavaScript :

    function fridaysDisabled(date)
{
  var day = date.getDay();
  return [day != 5, '']
}

    OriginalL'auteur bilelovitch

  3. 1

    Pour désactiver un tableau de dates, suivez ces étapes:

    Créer un objet de type string qui contient toutes les dates:

    festivosArray = "[";
for(CalendarioDao dia : festivos){
    festivosArray += "'" + dia.getFecha() + "',";
}
festivosArray += "]";

    Créer une fonction JavaScript:

    <script type="text/javascript">
function deshabFest(date) {
    var disabledDays = #{calendarioView.festivosArray};

    var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
    return [disabledDays.indexOf(string) == -1, '']
}
</script>

    Utiliser le beforeshowday attribut pour appeler la fonction

    <p:calendar mode="inline" locale="es" value="#{calendarioView.fechaFestivo}" id="calendarioFestivo" widgetVar="calendarioFestivo" beforeShowDay="deshabFest" />

    OriginalL'auteur JHurtado