Mettre en évidence, Désactiver certains jours en jQuery UI datepicker
Ici, je veux réaliser suivant
- Mettre en évidence tous les jours fériés à date-picker
- Désactiver certains jours de la date-picker
- Désactiver certains week-ends en date-picker
J'ai des extraits de chacun d'eux séparément, mais je veux que tous ensemble
Violon:Travail De Démonstration
Mettre en évidence les vacances
var holydays = ['10/17/2013', '10/18/2013', '11/2/2013'];
function highlightDays(date) {
for (var i = 0; i < holydays.length; i++) {
if (new Date(holydays[i]).toString() == date.toString()) {
return [true, 'highlight'];
}
}
return [true, ''];
}
$(function () {
$("#dp").datepicker({
minDate: 0,
dateFormat: 'mm/dd/yy',
inline: true,
numberOfMonths: [1, 2],
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
beforeShowDay: highlightDays,
});
});
Désactiver certains jours
var disabledDays = ["10-20-2013", "10-21-2013", "11-15-2013", "11-17-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];
}
Désactiver Les Week-Ends
$(function() {
$( "#availability" ).datepicker({
minDate: 0,
dateFormat: 'mm/dd/yy',
inline: true,
numberOfMonths: [1, 2],
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
beforeShowDay: $.datepicker.noWeekends
});
});
Quelqu'un pourrait-il m'aider..
Merci d'avance.
OriginalL'auteur user123456789 | 2013-10-16
Vous devez vous connecter pour publier un commentaire.
changement :
la fonction d'ajout :
OriginalL'auteur babonamu
Nous sommes maintenant en 2014, et un code minimal est requis.
Ici, c'est ma façon de désactiver les jours.
ma variable "spécifique", 0 <= spécifique <= 7
1 = sunday
2 = saturday
4 = Monday to friday
7 signifie que tous les jours ont permis de choisir.
notez que je n'permettre de choisir à partir de maintenant pour le Mois + 1
OriginalL'auteur Chim
Juste pour de futures références. Depuis que je suis à la recherche de la même chose et trouvé ces même fonction pour désactiver jours dans beaucoup de lieux différents:
http://www.spiceforms.com/blog/how-to-disable-dates-in-jquery-datepicker-a-short-guide/
https://davidwalsh.name/jquery-datepicker-disable-days
Mais puisque vous êtes à l'aide de inArray, la n'est pas nécessaire, ce qui entraîne dans cette simple et plus efficace de la fonction:
OriginalL'auteur Mario Chueca
Celui-ci fonctionne pour moi. Placé avant la balise de fermeture body.
OriginalL'auteur civid