To Do List 4] tolocaleDateString( )

Switch로 일일이 지정하지 않고 더 간단하게 설정하는 방법이 없을까?

 

자바스크립트에서 toLocaleDateString()을 사용하면 

날짜, 요일을 한꺼번에 받아서 사용할 수 있다. 

 

 

---

 

 

< 스택오버 플로우에 나온 자료 >

https://stackoverflow.com/questions/3552461/how-to-format-a-javascript-date

 

options 까지 적어주면 숫자로만 나오는게 아니라 옵션 설정한 대로 나온다.

 

< option >

1. day: 날짜
   "numeric", "2-digit".
2. weekday: 요일 
   "narrow", "short", "long".
3. year: 년도 
   "numeric", "2-digit".
4. month: 월
   "numeric", "2-digit", "narrow", "short", "long".
5. hour: 시간
   "numeric", "2-digit".
6. minute: 분
   "numeric", "2-digit".
7. second: 초 
   "numeric", 2-digit".

 

< 날짜 나오는 코드 >

var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; 

var today = new Date();

 

1. console.log(today.toLocaleDateString("en-US"));  // 9/17/2016

2. console.log(today.toLocaleDateString("en-US", options));  // Saturday, September 17, 2016 

 

 

---

 

 

switch 부분을 다 지운다. 

아래와 같이 옵션을 선택하고 2번 코드를 복사해서 붙인다.  

app.js

 

브라우저

 

너무 기니깐 연도를 옵션에서 뺐다. 

app.js

 

 

EJS 탬플릿에서도 기존 코드를 모두 지우고 기본만 남겨 놓았다.

주말인 경우 빨간색 글씨, 평일인 경우 하늘색 글씨가 나오게 했다. 

index.ejs

 

 

아니 그냥 다 정리하고 아래 코드만 남겼다.

index.ejs

 

 

깔끔하게 요일과 날짜만 나오게 했다. 

브라우저

 

 

 

 

다음 포스트에서는 To Do List에 할일을 적으면

리스트에 하나씩 추가되는 법에 대해 알아보자.