Datumsbereichswahl ähnlich dem Google Analytics-Datumsbereichselektor?

Question

Ich erstelle eine Web-App, bei der die große Mehrheit unserer Zielgruppe wahrscheinlich Erfahrung mit Google Analytics hat - und als Teil dieser Website gibt es einen Datumsbereichs-Selektor. Ich hatte gehofft, einen Standard-javascript/jquery-Datumsbereichs-Selektor zu finden, der an meine Bedürfnisse angepasst werden kann, aber ich bin kein Fan der Aktienversion, die jquery anbietet, weil die tatsächlichen Datumseingaben fehlen, es gibt nur die beiden visuelle Kalender. Ich habe aufgelistet, wonach ich suche.

Was würde ich gerne:

• Wählen Sie ein Start- und Enddatum an einem einzelnen Kalander (vorzugsweise mit zwei Monate gezeigt).

• Geben Sie den Start- und Enddatum manuell in einem Eingabefeld

• Hervorhebungen von ausgewählten Zeitraum (ändernden Hintergrundfarbe der Daten innerhalb ‚Start‘ und ‚Ende‘).

• Ziemlich einfach

Was brauche ich nicht auf die CSS/ Layout-Elemente zu erhalten: Vergangenheit

• Vergleichen
• auf Timeline-Selektor

Danke für h sich ausstrecken!

Answer 1

jquery-ui-picker

http://jqueryui.com/demos/datepicker/#multiple-calendars

hier ist auch eine Auflistung von anderen Plug-In

http://www.bloggingdeveloper.com/post/8-Widely-Used-Calendar-Date-Picker-and-Time-Formatting-jQuery-Plugins-that-Web-Developers-Should-Know.aspx

Answer 2

jquery-ui-Datepicker nicht Zeitraumauswahl hat. Gerade diese schöne Plugin herausgefunden, die das tut - http://www.eyecon.ro/datepicker/

Update

Vor kurzem begann eine andere Open-Source-Plugin und es funktioniert zu groß.

https://github.com/dangrossman/bootstrap-daterangepicker

Answer 3

Ich mag diese aufgrund der Kurzwahl gemeinsamer Bereiche wie seit Anfang Jahr, heute usw. Der Code ziemlich lesbar sah, so dass ich denke, es wäre möglich, es neu zu schreiben etwas mit der Nutzung auszurichten Fälle für die Anwendung.

http://www.filamentgroup.com/examples/daterangepicker_v2/