reactのdate-pickerを選ぶ

概要

メモ書きです悪しからず。
あんまり試してる時間もないのでstarとダウンロード数とreadmeで選びます。

一覧

star順にならべます

react-datepicker

• npm
  • https://www.npmjs.com/package/react-datepicker
  • 510 downloads in the last day
  • 15,345 downloads in the last week
  • 60,224 downloads in the last month
• github
  • https://github.com/Hacker0x01/react-datepicker
  • star: 646
  • 更新：１ヶ月前
  • readme充実
  • ドキュメントもある
    • https://hacker0x01.github.io/react-datepicker/

react-date-picker

• npm
  • https://www.npmjs.com/package/react-date-picker
  • 301 downloads in the last day
  • 6,868 downloads in the last week
  • 85,275 downloads in the last month
• github
  • https://github.com/zippyui/react-date-picker
  • star: 357
  • 更新：８日前
  • readme充実
  • ドキュメントもある
    • http://zippyui.com/docs/react-date-picker
    • ここで使い心地を試せる

rc-calendar

• npm
  • https://www.npmjs.com/package/rc-calendar
  • 179 downloads in the last day
  • 3,754 downloads in the last week
  • 11,076 downloads in the last month
• github
  • https://github.com/react-component/calendar
  • star: 336
  • 更新：昨日
  • readme充実
  • ドキュメント
    • http://react-component.github.io/calendar/

react-input-calendar

• npm
  • https://www.npmjs.com/package/react-input-calendar
  • 59 downloads in the last day
  • 682 downloads in the last week
  • 2,200 downloads in the last month
• github
  • https://github.com/Rudeg/react-input-calendar
  • star: 89
  • 更新：７日前
  • readme充実

react-calendar

• npm
  • https://www.npmjs.com/package/react-calendar
  • 15 downloads in the last day
  • 209 downloads in the last week
  • 738 downloads in the last month
• github
  • https://github.com/freiksenet/react-calendar
  • star: 150
  • 更新：２ヶ月前
  • readmeいまいち

react-calendar-component

• npm
  • 7 downloads in the last day
  • 120 downloads in the last week
  • 398 downloads in the last month
• github
  • https://github.com/Hanse/react-calendar
  • star: 76
  • 更新：半年前
  • readmeいまいち

結果

範囲選択の使い心地で決めます

• react-datepickerはこんな感じ
  • https://hacker0x01.github.io/react-datepicker/#example-10
• react-date-pickerは範囲選択機能なさそう？
  • http://zippyui.com/docs/react-date-picker/examples
• rc-calendarだとこんな感じ
  • http://react-component.github.io/calendar/examples/antd-range-calendar.html

rc-calendarの見た目と使い心地と見た目がいい感じなのでこれを使う。中国語なのがちょっとドキドキしてしまう（偏見）
使ってみてイマイチだったら更新しますー

rc-calendar

react-datepicker

[追記]
rc-calendarでlocaleで日本語当てたら中国語体になりました。cssとかでいじれそうですが面倒なのでreact-datepickerに乗り換えました。

こんな感じ