jquery google analytics datepicker

Quelqu'un sait de toute l'open source datepickers qui fonctionnent comme le Google Analytics de la plage de dates cueilleurs? Vous pouvez voir une image ici http://img17.yfrog.com/i/googledaterangepicker.jpg/

source d'informationauteur FiveTools

  1. 21

    J'ai récemment publié DatePicker qui prend en charge deux plages de dates dans un sélecteur de date (similaire à celle de Google Analytics):

    Comme vous pouvez le voir sur github, c'est un fork de https://github.com/foxrunsoftware/DatePicker.

    N'hésitez pas à ajouter question sur github si vous tombez sur un bug ou me contacter directement.

    Fonctionnalités supplémentaires (+captures d'écran)

    Deux plages de dates dans un datepicker:

    jquery google analytics datepicker

    DateRangesWidget
    (cette fonctionnalité est encore plus expérimental - je suis actuellement en train de travailler sur ça)

    jquery google analytics datepicker

  2. 6

    La seule date déroulant fonction de sélection de plages comme dans Google agenda est vraiment unique. Quelque chose d'assez proche d'elle, que j'ai été à l'aide de c'est ici:

    http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/

    Il est compatible avec Twitter Bootstrap et a beaucoup de options pour le personnaliser. Si vous ne pouvez pas vraiment changer la structure de beaucoup, il est encore assez bien suffisante dans la plupart des cas.

    EDIT:
    Ici, c'est ma personnalisation (~ 100 LoC de JS/CSS/hbs) du Sélecteur de Date.

    jquery google analytics datepicker

    En fait un aspect similaire à Google Analytics date sélecteur de gamme, comme illustré ici

    jquery google analytics datepicker

  3. 1

    Je suis également à la recherche de quelque chose de similaire à Google Analytics calendrier, qu'avez-vous trouvé?

    J'ai ces deux qui semble être aussi de bons choix :

    Et j'ai remarqué que le DateRangePicker pouvez afficher uniquement les DateRange partie :

    sur le “comment puis-je afficher uniquement les
    gamme partie du plugin sans
    montrant le menu de gauche”, voici ce que j'ai
    faire: onOpen: function(){ var rp =
    $(".ui-daterangepicker:visible");
    rp.find("ul").hide();
    rp.find(”.des plages").css("le marginleft",
    “0px");
    rp.find(”.ui-daterangepicker-dateRange").trigger("click");
    }}

  4. 1

    Si vous êtes à la recherche pour le DateRangePicker code, vous pouvez le trouver à: https://github.com/filamentgroup/jQuery-UI-Date-Range-Picker