[React] date format / moment / react YYYYMMDD YYYY-MM-DD

 

const currentDate = new Date()

console.log(currentDate)

//Output: 2022-01-29T10:03:47.564Z

이제껏 봐왔던 Javascript의 형식이다!

 

📔Monent

📄How to Install

📝npm 또는 yarn 을 이용한 설치 명령어

$ npm install moment --save
// 또는
$ yarn add moment

---

📄 Code Sample 코드 예제

import "./index.css"
import Moment from 'moment';
import "moment/locale/ko"; // Locale Setting
function App() {

  const formatDate = Moment().format('YYYY-MM-DD')
  
  /*
  * Year : YYYY
  * Month : MM
  * Day : DD
  * Hour : HH
  * Min : mm
  * Sec : ss
  */

  return (
    <div className='container'>
      <h1>{formatDate}</h1>
    </div>
    
  );
}

export default App;

---

📄실행해보자!

// format에 맞게 출력된다.
const nowTime = moment().format('YYYYMMDD HH:mm:ss');
console.log(nowTime);
// 출력 결과: 20210818 09:41:32