Dev Faq
9
votes

JQuery UI DatePicker - Gamme Date - Might Days entre les deux

Je recherche un moyen de mettant en avant les jours entre la plage de dates de 2 entrées sur la souris sur.

Cet exemple fait presque ce que je veux réaliser: http://hackingon.net/files/jquery_datepicker/range.htm

Seule différence est que la mise en surbrillance de la plage sélectionnée devrait se produire sur deux datampickers distincts et sur la souris sur.

Toute suggestion?

Mise à jour:

OK, un peu plus de détails:

Après avoir sélectionné une date à partir de la première datePicker, le second DatePicker doit mettre en évidence la date sélectionnée précédente. Si vous passez ensuite sur une journée au-delà de la journée sélectionnée précédente, tous les jours entre les deux devraient mettre en évidence en ajoutant une classe.

mise à jour: C'est jusqu'où j'ai eu: xxx

http: //jsfiddle.net/mayko/wbwg3/1/

Uniquement problème, l'événement en direct met simplement en évidence la TD de la ligne planillée actuelle, mais pas la TD des lignes avant.

des idées?

0 commentaires

3 Réponses :

9
votes

J'ai ajouté un peu à votre script. Travaillé comme un charme sur jsfiddle . Jetez un coup d'œil et laissez-moi savoir. XXX

3 commentaires

Cette réponse m'a aidé! Merci beaucoup!

Une autre chose, pouvez-vous aider à mettre à jour cela pour l'allonger jusqu'au mois prochain? Je montre deux mois dans un sélecteur. Merci!

@MARVZZ J'ai ajouté une réponse qui incluait un script pour le faire avec plusieurs mois

4
votes

EDIT: Ce script ne fonctionne pas sur jQuery 3. Cependant, il fonctionne sur la version 1 et 2

Ce jsfiddle est un exemple de le faire avec 2 tables de date (plusieurs mois) xxx

3 commentaires

Quelqu'un migre-le à JQuery 3 s'il vous plaît.

@Abhisheksaini devrait travailler sur JQuery 3, non testé. Quelles fonctions ici ont été obsolètes en JQ3?

Nope, ne fonctionne pas. Live () & DIE () SORTE DE JQUERY 3.

3
votes

a fait un exemple de plage de date survolez pour une satellite en ligne ici: http://codepen.io/denissamoilov/pen/rgkypb?editors=0010 xxx

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier