๐Ÿ“Œ

npm: react-datepicker

๐Ÿ“Œ Example

React Datepicker crafted by HackerOne

๐Ÿšฉinstall

npm install react-datepicker --save

โœ๏ธ Custom header

Untitled

๋ณต์‚ฌํ•ด์„œ ๋ถ™์—ฌ๋„ฃ๊ธฐ!

๐Ÿ”ฅ

Untitled

โ†’ ์—๋Ÿฌ๊ฐ€ ๋œฌ๋‹ค.

  1. โ€˜rangeโ€™ is not defined

range ํ•จ์ˆ˜๋Š” ์ฃผ์–ด์ง„ ์‹œ์ž‘๊ณผ ๋ ์‚ฌ์ด์˜ ์—ฐ์†๋œ ์ˆซ์ž๋ฅผ ์ƒ์„ฑํ•˜๋Š” ํ•จ์ˆ˜์ด๋‹ค. javascript์˜ ๋‚ด์žฅ ํ•จ์ˆ˜๊ฐ€ ์•„๋‹ˆ๋ฏ€๋กœ, ์ง์ ‘ ๊ตฌํ˜„ํ•˜๊ฑฐ๋‚˜ ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ด์šฉํ•œ๋‹ค.

//1๋…„์”ฉ์˜ ๊ฐ„๊ฒฉ์œผ๋กœ 1990๋…„๋ถ€ํ„ฐ ํ˜„์žฌ ์—ฐ๋„๊นŒ์ง€ ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜
  function range(start, end, step = 1) {
    let array = [];
    for (let i = start; i < end; ++i) {
      if (!(i % step)) {
        array.push(i);
      }
    }
    return array;
  }
  const years = range(1990, getYear(new Date()) + 1, 1);

๋˜๋Š” react-lodash ๋ผ๋Š” ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.