[{"data":1,"prerenderedAt":489},["ShallowReactive",2],{"project-4408070":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":46,"post_text":48,"what":49,"said":92,"maker_in_thread":221,"shape":228,"grid":232,"attempts":450,"same_week":451,"maker_shows":39,"maker_hidden":481,"reader_version":482,"card":483},"4408070","bootstrap-daterangepicker","A date range picker for Twitter Bootstrap","title","Show HN: A date range picker for Twitter Bootstrap","http:\u002F\u002Fwww.dangrossman.info\u002F2012\u002F08\u002F20\u002Fa-date-range-picker-for-twitter-bootstrap\u002F","dangrossman.info","dangrossman",1345477140,2012,363,80,25,1677,2,"legend","dev_tools","ui component","library",[24,25,26,27],"date range picker","twitter bootstrap","jquery plugin","datepicker","debated",0.122,{"positive":31,"neutral":32,"mixed":33,"critical":34},17,19,1,13,50,{"design":37,"execution":40,"idea":43,"performance":45},{"positive":38,"critical":39},7,3,{"positive":41,"critical":42},0,8,{"positive":44,"critical":33},6,{"positive":41,"critical":33},[41,41,41,41,39,39,33,41,33,41,41,33,33,39,39,39,33,47,39,47,47,33,39,33,47,39,41,39,47,47,47,33,47,33,47,33,47,47,47,41],5,null,{"problem":50,"audience":48,"pricing":48,"motivation":61,"time_to_build":48,"stack":68,"openness":89,"stage":90,"team_size":91},{"value":51,"source":52,"evidence":53},"Selecting date ranges, such as for reports, is painful on many websites.","maker",[54,57],{"id":55,"by":11,"text":56},"4408327","That's a lot more work when the dates are not in the same month. My use case for building this was choosing ranges for reports.",{"id":58,"by":59,"text":60},"4408122","stephenhuey","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.",{"value":62,"source":52,"evidence":63},"Built to choose ranges for reports in the maker's own product, Improvely.",[64,65],{"id":55,"by":11,"text":56},{"id":66,"by":11,"text":67},"4408926","It's just a matter of time; I could've spent a week on this adding features and perfecting UX, but then I'd have pushed back finishing Improvely another week. I hope to find some…",[69,77,81],{"value":70,"source":71,"evidence":72},"JavaScript","commenter",[73],{"id":74,"by":75,"text":76},"4409897","masklinn","* 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\"…",{"value":78,"source":52,"evidence":79},"Twitter Bootstrap",[80],{"id":66,"by":11,"text":67},{"value":82,"source":71,"evidence":83},"Datejs",[84,85],{"id":74,"by":75,"text":76},{"id":86,"by":87,"text":88},"4408873","donbronson","Datejs is huge. Seems to be a shame they made it a dependency.","open_source","launched","unknown",{"praise":93,"objections":121,"requests":158,"questions":183,"alternatives":198},[94,110],{"value":95,"source":71,"evidence":96},"Clean UI and useful for adding date ranges",[97,98,102,106],{"id":58,"by":59,"text":60},{"id":99,"by":100,"text":101},"4408141","illdave","This is incredibly useful - thanks so much.",{"id":103,"by":104,"text":105},"4408105","vailripper","Nice job, very clean UI.",{"id":107,"by":108,"text":109},"4408156","s_kilk","Wow! this is amazingly useful, thanks so much. Needless to say I'll be replacing my crappy date forms with this asap.",{"value":111,"source":71,"evidence":112},"Fills a gap in Bootstrap",[113,117],{"id":114,"by":115,"text":116},"4408273","jfaucett","great job! Finally, bootstrap really needs this. good job-",{"id":118,"by":119,"text":120},"4409990","Encosia","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…",[122,137,149],{"value":123,"source":71,"evidence":124},"No keyboard or typed date input",[125,129,133],{"id":126,"by":127,"text":128},"4408256","przemoc","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…",{"id":130,"by":131,"text":132},"4408296","Xurinos","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.…",{"id":134,"by":135,"text":136},"4408131","gmac","Well, kind of. Wouldn't nicer UX be: let the user type the date if he or she wants to?",{"value":138,"source":71,"evidence":139},"Selecting dates out of range is not indicated; no greyed-out dates or range highlight",[140,144,148],{"id":141,"by":142,"text":143},"4408201","timdorr","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…",{"id":145,"by":146,"text":147},"4408223","rplnt","And it would automatically do what I was about to suggest - highlight the selected range.",{"id":74,"by":75,"text":76},{"value":150,"source":71,"evidence":151},"Depends on the large, unmaintained Datejs library",[152,153,157],{"id":74,"by":75,"text":76},{"id":154,"by":155,"text":156},"4409441","kn8","http:\u002F\u002Fmomentjs.com\u002F is a much better library than datejs. It's maintained, tested, smaller?, deals much better with internationalization\u002Fcustom date formats. I'd recommend it to…",{"id":86,"by":87,"text":88},[159,164,172],{"value":160,"source":71,"evidence":161},"Keyboard support and typed date entry",[162,163],{"id":126,"by":127,"text":128},{"id":130,"by":131,"text":132},{"value":165,"source":71,"evidence":166},"Highlight selected range and grey out unselectable dates",[167,168],{"id":141,"by":142,"text":143},{"id":169,"by":170,"text":171},"4410563","mclin","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…",{"value":173,"source":71,"evidence":174},"Time and timezone support",[175,179],{"id":176,"by":177,"text":178},"4408213","campnic","I'd like to see someone do this and handle times and timezones. What a pain that is.",{"id":180,"by":181,"text":182},"4409569","angryasian","agree, another vote for a date + time picker",[184,191],{"value":185,"source":71,"evidence":186},"Can it be used as a single date picker?",[187],{"id":188,"by":189,"text":190},"4408316","uripom","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)?",{"value":192,"source":71,"evidence":193},"Can it be decoupled from Bootstrap?",[194],{"id":195,"by":196,"text":197},"4408973","tommoor","Totally understood, by the way - what is it that makes it depend on Bootstrap, could it be easily decoupled?",[199,206,214],{"value":200,"source":71,"evidence":201},"bootstrap-datepicker by eternicode",[202],{"id":203,"by":204,"text":205},"4408547","yehanyin","seems the demo doesn't work for me due to js errors. However, seems https:\u002F\u002Fgithub.com\u002Feternicode\u002Fbootstrap-datepicker is good for single datepicker.",{"value":207,"source":71,"evidence":208},"Hipmunk date range selector",[209,213],{"id":210,"by":211,"text":212},"4408517","_1","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.",{"id":74,"by":75,"text":76},{"value":215,"source":71,"evidence":216},"jQuery UI Datepicker",[217],{"id":218,"by":219,"text":220},"4408321","mmuro","Other than the styles, I'm not so sure this is much better than the jQuery UI Datepicker.",{"comments":47,"answered":18,"key":222},[223,224,225],{"id":55,"text":56},{"id":66,"text":67},{"id":226,"text":227},"4409009","Bootstrap provides a bunch of the styles that control the appearance of dropdown menus (for the container around the component) and tables (for the calendars), which this uses.…",{"commenters":229,"max_depth":47,"maker_replies":47,"first_comment_mins":230,"lifespan_hours":231},64,9,60,[233,237,241,244,247,250,253,256,258,261,263,264,267,269,272,275,277,279,282,285,288,290,292,295,296,297,298,300,303,306,307,310,313,317,319,323,325,327,329,330,332,333,334,336,340,342,344,345,347,350,352,355,357,360,362,366,369,373,377,382,383,385,389,391,395,397,401,404,407,411,415,418,421,423,428,432,437,441,445,448],[234,41,41,235,236,41],"4408535","other\u002Fneutral\u002Fnone","wickedchicken",[238,41,41,239,240,41],"4408574","commenter\u002Fneutral\u002Fnone","Groxx",[242,41,41,239,243,41],"4408631","rasmusrygaard",[245,41,41,239,246,41],"4408722","cwilson",[248,41,41,239,249,41],"4409813","possibilistic",[251,41,41,239,252,41],"4410233","skeletonjelly",[254,41,41,239,255,41],"4409742","tnorthcutt",[257,41,41,239,108,41],"4409924",[259,41,41,239,260,41],"4409936","juddlyon",[141,33,39,262,142,41],"project\u002Fneutral\u002Fdesign",[145,33,39,262,146,41],[265,33,39,262,266,41],"4408352","bm1362",[203,33,33,268,204,41],"project\u002Fcritical\u002Fexecution",[270,33,41,271,266,41],"4409419","commenter\u002Fneutral\u002Fexecution",[273,33,41,235,274,41],"4409266","k3n",[276,33,41,235,266,41],"4409427",[278,33,41,235,274,41],"4409505",[280,33,33,268,281,41],"4408557","dclowd9901",[283,33,41,239,284,41],"4409142","adhipg",[286,33,41,239,287,41],"4409410","Achshar",[289,33,41,239,75,41],"4409909",[291,33,41,239,284,41],"4410089",[293,33,33,268,294,41],"4420701","pqdbr",[74,18,33,268,75,41],[169,18,39,262,170,41],[154,39,33,268,155,41],[299,39,41,235,75,41],"4409943",[176,301,39,302,177,41],4,"project\u002Fneutral\u002Fidea",[304,301,39,302,305,41],"4408728","flovec",[180,301,39,302,181,41],[308,47,39,302,309,41],"4408306","tibbon",[311,47,41,235,312,41],"4409340","freditup",[314,44,33,315,316,41],"4408313","project\u002Fcritical\u002Fdesign","smackfu",[55,44,41,318,11,33],"maker\u002Fneutral\u002Fdesign",[320,44,47,321,322,41],"4410223","project\u002Fpositive\u002Fdesign","katabatic",[324,38,47,321,196,41],"4408881",[66,38,41,326,11,33],"maker\u002Fneutral\u002Fnone",[195,38,39,328,196,41],"maker\u002Fneutral\u002Fexecution",[226,38,41,328,11,33],[118,42,47,331,119,41],"project\u002Fpositive\u002Fidea",[58,230,47,321,59,41],[134,230,39,262,135,41],[335,230,33,315,316,41],"4408320",[337,338,33,268,339,41],"4409630",10,"voidfiles",[107,341,47,331,108,41],11,[126,343,33,268,127,41],12,[130,343,33,268,131,41],[346,343,39,262,131,41],"4408391",[348,343,47,321,349,41],"4409001","lobo_tuerto",[351,343,47,321,131,41],"4409155",[353,343,39,262,354,41],"4411140","Gigablah",[356,343,41,318,11,33],"4411164",[358,343,41,239,359,41],"4408308","jurre",[361,343,41,239,127,41],"4408346",[363,343,39,364,365,41],"4408340","project\u002Fneutral\u002Fexecution","nantes",[367,34,39,262,368,41],"4408491","wickchuck",[370,371,47,331,372,41],"4408976",14,"mlitwiniuk",[374,375,39,262,376,41],"4408864",15,"culshaw",[378,379,41,380,381,41],"4409706",16,"other\u002Fneutral\u002Fdocs","sadpluto",[99,31,47,331,100,41],[103,384,47,321,104,41],18,[386,32,39,387,388,41],"4408471","project\u002Fmixed\u002Fdesign","danso",[210,390,33,315,211,41],20,[392,393,41,235,394,41],"4411310",21,"johnx123-up",[188,396,39,302,189,41],22,[398,399,47,331,400,41],"4408774",23,"yesimahuman",[218,402,33,403,219,41],24,"project\u002Fcritical\u002Fidea",[405,16,39,364,406,41],"4409264","alexyoung",[408,409,39,364,410,41],"4408205",26,"5h",[412,413,47,321,414,41],"4408161",27,"sledmonkey",[86,416,33,417,87,41],28,"project\u002Fcritical\u002Fperformance",[419,416,41,235,420,41],"4408889","onassar",[114,422,47,331,115,41],29,[424,425,47,426,427,41],"4409104",30,"maker\u002Fpositive\u002Fnone","ozataman",[429,430,47,426,431,41],"4408825",31,"avirambm",[433,434,47,435,436,41],"4409691",32,"project\u002Fpositive\u002Fnone","guscost",[438,439,47,435,440,41],"4408184",33,"southphillyman",[442,443,39,302,444,41],"4408365",34,"WayneDB",[446,443,41,239,447,41],"4408399","nopal",[449,443,41,239,11,33],"4408425",[],[452,457,462,467,471,476],{"id":453,"name":454,"points":455,"category":456},"4404204","BigVideo.js",244,"languages",{"id":458,"name":459,"points":460,"category":461},"4418621","SideProjects.com",236,"learning_science",{"id":463,"name":464,"points":465,"category":466},"4413713","Nifty",171,"web_saas",{"id":468,"name":469,"points":470,"category":20},"4393704","cubehero.com",127,{"id":472,"name":473,"points":474,"category":475},"4392656","Cobalt-Calibur-3",87,"games",{"id":477,"name":478,"points":479,"category":480},"4401550","LiquidText",82,"productivity",false,"v2",{"id":484,"name":5,"line":6,"ai":481,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":485,"top":18,"kw":486,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":487,"url":9,"mix":488,"praise":95,"objection":123,"sub":21},4408070,0.12,[24,25,26,27],"0000331010011333153551315303555151515550",[31,32,33,34],1794036498820]