jQuery-UI Date et l'Heure de Gamme Sélecteur

Je crée une page pour gérer notre temps au bureau (par exemple lorsque l'on fait de home-office). Cela nécessite de sélectionner une date, puis l'heure de gamme.

Je sais à propos de la Date-Picker de jQuery-UI, et il semble aussi y avoir quelque chose d'intéressant pour le temps de la cueillette. Mais depuis que j'ai besoin d'un début et heure de fin, une INTERFACE utilisateur pour sélectionner la date et l'heure de la gamme, ce serait parfait. Il ya quelque chose que vous pourriez recommander?

Si vous considérez un plug-in payant, je recommanderais la mienne: codecanyon.net/item/calentim-date-time-range-picker/20099228

OriginalL'auteur Ahatius | 2012-12-07

  1. 5

    Visite jQuery UI datepicker plage exemple et cliquez sur "afficher la source".

    Combiner avec jquery timepicking solution trouvé ici.

    Qui devrait vous aider à aller dans la bonne direction.

    OriginalL'auteur adamb

  2. 3

    Une autre option intéressante pourrait être la poignée de la date de la date-picker et le temps de la fourchette, avec un séparé composant de l'INTERFACE utilisateur (dans ce cas précis commencer et fin temps sont dans la même journée).

    Vous pouvez prendre un coup d'oeil à ces curseurs de plage:

    $("#slider-range").slider(options_object);

    http://jsfiddle.net/jrweinb/MQ6VT/

    http://marcneuwirth.com/blog/2010/02/21/using-a-jquery-ui-slider-to-select-a-time-range/

    OriginalL'auteur mario.ecc