jQuery UI Datepicker après sélectionner/changer de mois/année
Je voulais savoir comment je peux exécuter un morceau de code (joindre événement mouseenter) pour chaque jour, après que l'utilisateur a sélectionné un jour ou modifié un mois/année?
J'ai essayé de joindre l'événement sur ces événements
- beforeShow
- beforeShowDay
- onChangeMonthYear
- onSelect
Sur le vol stationnaire, je tiens à souligner le lendemain dans la même ligne si elle existe.
Actuellement j'attache moouseenter/mouseleave événement pour tous les jours après datepicker est créé (qui est en ligne).
J'ai simplifié ce que je fais dans le JS fiddle ci-dessous. J'ai besoin d'avoir ces événements de travail après la date est sélectionnée et après mois/année a été changé.
JS Fiddle: http://jsfiddle.net/MartinTale/Xx4GS/2/
$("div").datepicker({
changeMonth: true,
changeYear: true,
inline: true,
altField: "#datep"
});
$("tbody td:not(.ui-state-disabled, .active-calendar-cell)").mouseenter(function (e) {
$(this).closest('td').next().find("a").addClass("hover-calendar-cell");
console.log('test');
});
$("tbody td:not(.ui-state-disabled)").mouseleave(function (e) {
$("a.hover-calendar-cell").removeClass("hover-calendar-cell");
console.log('test out');
});
Merci d'avance.
Mise à jour de la question et a créé un JS Fiddle. J'ai essayé onChangeMonthYear déjà.
Je vois dans le violon vous voulez faire quelque chose de plus en stationnaire; pouvez-vous développer un peu ce que sont vos besoins ?
Sur le vol stationnaire, je tiens à souligner le lendemain dans la même ligne si elle existe.
Il le fait déjà que, tout simplement pas une fois que vous avez choisi une date. C'est que la question?
OriginalL'auteur Martin Tale | 2014-05-30
Vous devez vous connecter pour publier un commentaire.
Ici est hacky hack.
http://jsfiddle.net/Xx4GS/3/
Il fonctionne, souligne le lendemain( la prochaine
td
dans ce cas).setTimeout est parce que je pense que jquery ui détruit l'actif date de point, donc, nous attendons jusqu'à ce que nous avons le droit un.
Vous pourriez être en mesure d'utiliser
onSelect
au lieu de.change
, mais pas une grosse affaire de l'omiJ'ai laissé une console.connecter il de sorte que vous pouvez voir un peu de ce qui se passe.
OriginalL'auteur Funkodebat
Vous pouvez utiliser le datepicker de jQuery événements
onSelect
etonChangeMonthYear
.Code:
Démo: http://jsfiddle.net/IrvinDominin/Xx4GS/
OriginalL'auteur Irvin Dominin
Il y a un événement appelé "onSelect" avoir la date en tant que param. voir cet exemple:
Cou pouvez trouver tous les détails dans l'api-doc: http://api.jqueryui.com/datepicker/#option-onSelect
OriginalL'auteur PLM57