bootstrap-daterangepicker

Dev tools

ui component

SHOW HN2012

363points
80comments
#25of 1,677 in 2012
Top 2%of 2012 by points

How HN took it

DebatedReal support and real criticism

17 positive, 19 neutral or asking, 1 mixed, 13 critical, out of 50 comments about the project. Thread score +0.12.

Design: 7 for, 3 againstExecution: 0 for, 8 againstIdea: 6 for, 1 againstPerformance: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Clean UI and useful for adding date ranges

    From 4 comments
    • Love it! Nice UX with the not-allowed cursor on the little FROM and TO boxes. It's amazing how painful date range selection is on so many websites.
      stephenhuey on HN
    • This is incredibly useful - thanks so much.
      illdave on HN
    • Nice job, very clean UI.
      vailripper on HN
    • Wow! this is amazingly useful, thanks so much. Needless to say I'll be replacing my crappy date forms with this asap.
      s_kilk on HN
  • Fills a gap in Bootstrap

    From 2 comments
    • great job! Finally, bootstrap really needs this. good job-
      jfaucett on HN
    • I was going to have to build something just like this next week, to add arbitrary date ranges to an existing dropdown with pre-defined ranges. Thanks for releasing this. It looks…
      Encosia on HN

Objections

  • No keyboard or typed date input

    From 3 comments
    • It's sad how more and more people ignore non-mouse-or-touch-oriented users in their UIs. What about damn old keyboard support? Even if I modify input, nothing changes in UI. I'm…
      przemoc on HN
    • I have to do a ton of clicking to get to last year. It would be much faster to be able to type in arbitrary dates, too, and have the calendars update to reflect those new dates.…
      Xurinos on HN
    • Well, kind of. Wouldn't nicer UX be: let the user type the date if he or she wants to?
      gmac on HN
  • Selecting dates out of range is not indicated; no greyed-out dates or range highlight

    From 3 comments
    • This is great, but could use a small tweak: Once you select a start date, it should grey out the dates before the selection in both calendars. That will make it easier to pick an…
      timdorr on HN
    • And it would automatically do what I was about to suggest - highlight the selected range.
      rplnt on HN
    • * Clicking on the calendar itself does not work for the first item, shouldn't it focus the field and open the picker? * Can't [Esc] to close the picker * Not sure why the "Apply"…
      masklinn on HN
  • Depends on the large, unmaintained Datejs library

    From 3 comments
    • * Clicking on the calendar itself does not work for the first item, shouldn't it focus the field and open the picker? * Can't [Esc] to close the picker * Not sure why the "Apply"…
      masklinn on HN
    • http://momentjs.com/ is a much better library than datejs. It's maintained, tested, smaller?, deals much better with internationalization/custom date formats. I'd recommend it to…
      kn8 on HN
    • Datejs is huge. Seems to be a shame they made it a dependency.
      donbronson on HN

Requests

  • Keyboard support and typed date entry

    From 2 comments
    • It's sad how more and more people ignore non-mouse-or-touch-oriented users in their UIs. What about damn old keyboard support? Even if I modify input, nothing changes in UI. I'm…
      przemoc on HN
    • I have to do a ton of clicking to get to last year. It would be much faster to be able to type in arbitrary dates, too, and have the calendars update to reflect those new dates.…
      Xurinos on HN
  • Highlight selected range and grey out unselectable dates

    From 2 comments
    • This is great, but could use a small tweak: Once you select a start date, it should grey out the dates before the selection in both calendars. That will make it easier to pick an…
      timdorr on HN
    • Would be nice if the dates in the selection range were highlighted, and unselectable dates (eg. later than the end date in left calendar, earlier than start date in right…
      mclin on HN
  • Time and timezone support

    From 2 comments
    • I'd like to see someone do this and handle times and timezones. What a pain that is.
      campnic on HN
    • agree, another vote for a date + time picker
      angryasian on HN

Questions

  • Can it be used as a single date picker?

    From 1 comment
    • Nice work. Is there any out of the box way to use this simply as a date picker (popping up one calendar rather than two)?
      uripom on HN
  • Can it be decoupled from Bootstrap?

    From 1 comment
    • Totally understood, by the way - what is it that makes it depend on Bootstrap, could it be easily decoupled?
      tommoor on HN

Alternatives named

  • bootstrap-datepicker by eternicode

    From 1 comment
    • seems the demo doesn't work for me due to js errors. However, seems https://github.com/eternicode/bootstrap-datepicker is good for single datepicker.
      yehanyin on HN
  • Hipmunk date range selector

    From 2 comments
    • Looks nice, but I prefer hipmunk.com's date range selector. It doesn't require a start date picker and an end date picker. You select two dates and it knows the range.
      _1 on HN
    • * Clicking on the calendar itself does not work for the first item, shouldn't it focus the field and open the picker? * Can't [Esc] to close the picker * Not sure why the "Apply"…
      masklinn on HN
  • jQuery UI Datepicker

    From 1 comment
    • Other than the styles, I'm not so sure this is much better than the jQuery UI Datepicker.
      mmuro on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/4408070)