Frage Datumsbereichsauswahl ähnlich der Google Analytics-Datumsbereichsauswahl? [geschlossen]


Ich baue eine Web-App auf, bei der die überwiegende 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 ich gerne hätte:

  • Wählen Sie ein Start- und Enddatum auf a Einzelkalander (vorzugsweise mit zwei Monate gezeigt).

  • Geben Sie das Start- und Enddatum manuell ein in ein Eingabefeld

  • Hervorhebung des ausgewählten Datumsbereichs (Hintergrundfarbe von Daten ändern innerhalb von 'Start' und 'Ende').

  • Ziemlich leicht zu bekommen an der CSS / Layoutelemente

Was ich nicht brauche:

  • Ein Zeitachsen-Selektor
  • Vergleiche mit der Vergangenheit

Danke für die Hilfe!


5
2018-01-09 01:28


Ursprung


Antworten:


jquery-ui-datepicker

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

Hier finden Sie auch eine Auflistung anderer Plugins

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


0
2018-01-09 02:00



jquery-ui-datepicker hat keine Datumsbereichsauswahl. Habe gerade dieses nette Plugin herausgefunden, das das tut - http://www.eyecon.ro/datepicker/

aktualisieren

Kürzlich begann mit einem anderen Open-Source-Plugin und es funktioniert auch großartig.

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


5
2017-08-10 16:01



Ich mag dieses wegen der schnellen Auswahl der üblichen Bereiche wie Jahr zu Datum, heute usw. Der Code sah ziemlich lesbar aus, also ich denke, es wäre möglich, es leicht umzuschreiben, um mit Anwendungsfällen für die Anwendung übereinzustimmen.

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


2
2018-06-09 22:03