'date'에 해당되는 글 1건

  1. 2008.01.30 beautyDate

beautyDate

프로그래밍 2008. 1. 30. 01:45
오늘 보니깐  John Resig가 prettyDate 을 만들었네요.
그래서 전 beautyDate을 만들어 봤습니다.-_-;;
사실 이걸 보고 만든건 아니고요;; (소스중 분기하는 방법은 보고 참고했습니다.^^;)
전에 모프로젝트에서 쓸려고 만들었는데 사용할 일이 없어 공개합니다.
사용법은 간단합니다.
기본적으로는 첫번째 처럼 작동하고요.
옵션을 통해 자신에 입맛에 맞게 설정하시면 됩니다.

옵션에는 총 4가지가 있습니다.
위에서 본 format 과 monthFormat,weekFormat,ampmFormat 입니다.
간단히 보면 format은 나오는 문자의 포맷입니다.
기본적으로 "{yyyy}/{mm}/{0d} {0h}:{0i}" 이런 형식이고 아래의 형식으로 자신에 맞게
구성할수 있습니다.
{yyyy} - 4자리 년도
{yy} - 2자리 년도
{mm} - monthFormat에 지정된 월 포맷
{dd} - 일
{0d} - 일이 한 자리 일 경우 앞에 0을 추가
{ww} - weekFormat에 지정된 요일 포맷
{ap} - ampmFormat에 지정된 am/pm 포맷
{hh} - 12시간 포맷
{HH} - 24시간 포맷
{0h}  - 12시간 포맷일때 한 자리이면 0 붙임
{0H}  - 24시간 포맷일때 한 자리이면 0 붙임
{ii}    -  분
{0i}   -  분이 한 자리이면 0 붙임
{ss}  -  초
{0s}  -  초가 한 자리이면 0 붙임

그리고 3개의 포맷이 있는데
monthFormat은 달의 포맷이고
weekFormat은 요일의 포맷,
ampmFormat은 am/pm 포맷입니다.
기본적으로
["01","02","03","04","05","06","07","08","09","10","11","12"] ,
["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],
["am","pm"] 이렇게 각각 등록되어 있는데 맘에 안들면 원하는 포맷으로 바꾼 후 옵션파라메터로 넘겨서 사용하면 됩니다.

이렇게 4가지 옵션이 있으며 각 옵션은 아래와 같이 지정하여 사용됩니다.


아래는 전체 소스입니다. 필요한 곳에 유용히 쓰세용.
Posted by 전용우
,