'Calendar'에 해당되는 글 1건

  1. 2008.10.09 [Javascript유틸리티] 매우 심플한 Javascript Calendar(Date Picker) (3)
 
주소는 여기입니다.
http://www.calendarview.org/

일하다가 데이트픽커가 좀 필요해서 만들기 귀찮고 해서-_-; 찾아보던중-_-;
매우 심플한 Date Picker를 발견했습니다.

Prototype과 Script aculous기반의 Calendar입니다.
Prototype은 이곳에서 다운.
http://www.prototypejs.org/download
Script Aculous는 이곳에서 다운(필요한 것은 builder.js파일 1개뿐)
http://script.aculo.us/downloads

릴리즈 히스토리를 보게 되면 더이상 업데이트가 되지 않고 있습니다-_-;

암튼 한줄이면 바로 생성할 수 있습니다.

[code]
Calendar.setup({
    dateField      : 'fromdate',
    triggerElement : 'fromDateButton'
});
[/code]
triggerElement에 버튼 id를 넣어주면 버튼을 클릭했을 때 Calendar가 표시됩니다.
dateField는 Calendar에서 날짜를 클릭하면 해당 dateField에 YYYY-MM-DD형식으로 표시해줍니다.
 
Posted by 머드초보

댓글을 달아 주세요

  1. Rocket 2010.04.14 19:07  댓글주소  수정/삭제  댓글쓰기

    오~ 깔끔하고 좋은데요~
    좋은 정보 감사합니다~ㅎㅎ

  2. 땡큐요 2011.09.22 16:37  댓글주소  수정/삭제  댓글쓰기

    굉장히 깔끔하고 심플하네요..프로토타입이 너무 복잡한것 같긴 하지만 나름 응용해서 쓰면 좋을것같아요 ^^ 감사합니다.