html input type="date" 달력만들기

공감 및 댓글은 포스팅 하는데  아주아주 큰 힘이 됩니다!! 포스팅 내용이 찾아주신 분들께  도움이 되길 바라며 더 깔끔하고 좋은 포스팅을  만들어 나가겠습니다^^

html페이지에 달력을 띄울 때 자바스크립트를 이용해서 만드는 방법 밖에

몰랐었습니다. 그래서 구글에 자바스크립트 달력 라이브러리만 검색해서

이것 저것 찾아보았었는데, 물론 디자인 이쁘고 동작 잘하지만,

좀 더 가볍게 만들고 싶어서 막 검색하던 중 

까먹고 있었던 input type="date" 에 대해 다시 알게되었습니다.

<input type="date" value="2018-03-20" id="date" name="date" />

이 간단한 한 줄이면 바로 날짜 피커를 만들 수 있습니다!

1 2 3 4

<input type="date" value="2018-03-20" id="from" name="from" />  <b style="color: #fff">~</b>  <input type="date" value="2018-03-20" id="to" name="to" />  <input type="submit" value="검색" />

cs

이렇게 코드를 짜면 기간을 검색하는 ui를 간단하게 짤 수 있겠죠?

이상입니다.

감사합니다.