Selettore dell'intervallo di date simile al selettore dell'intervallo di date di Google Analytics?

Question

Sto costruendo un'app Web in cui la maggior parte del nostro pubblico di destinazione probabilmente ha esperienza con Google Analytics e, come parte di quel sito Web, esiste un selettore dell'intervallo di date. Speravo di trovare un selettore di intervalli di date javascript/jquery standard da personalizzare per le mie esigenze, ma non sono un fan della versione di riserva fornita da jquery perché manca degli input di data effettivi, ha solo i due calendari visivi. Ho elencato quello che sto cercando di seguito.

Quello che mi piacerebbe:

• Selezionare una data di inizio e di fine su un unico calendario (preferibilmente con due mesi mostrati).

• inserire manualmente la data di inizio e di fine in una casella di input

• evidenziazione di selezionato di date (cambiando background-color date all'interno 'start' e 'fine').

• Abbastanza facile da ottenere presso gli elementi di layout CSS/

Quello che non hanno bisogno:

• Un selettore temporale
• confronta passato

Grazie per h scappare!

Answer 1

jquery-ui-datepicker

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

qui è anche una lista di altri 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 non hanno data di selettore. Appena scoperto questo bel plugin che fa questo - http://www.eyecon.ro/datepicker/

aggiornamento

recentemente iniziato a utilizzare un altro plugin open source e che sta funzionando troppo grande.

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

Answer 3

Mi piace questo uno a causa della rapida di selezione delle gamme comuni, come da inizio anno, oggi ecc Il codice sembrava piuttosto leggibile, quindi credo che sarebbe possibile riscrivere un po 'per allinearsi con l'uso casi per l'applicazione.

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