day calendar

당일 캘린더

데모를 시험해보십시오

이 앱은 하루 일정에서 일련의 이벤트를 제공합니다. 이벤트의 시작 및 종료 시간이 포함 된 JavaScript 객체 배열이 필요합니다.

 [
    { start : 30 , end : 120 } ,
    { start : 300 , end : 330 } ,
    { start : 290 , end : 330 }
]

숫자는 오전 9시 이후 몇 분입니다 (30은 오전 9시 30 분, 120은 오전 11시 등)입니다. 오전 9 시부 터 오후 6 시까 지 근무일 만 표시됩니다.

사용자 인터페이스?

지침

renderday () 함수를 사용하여 캘린더와 상호 작용하고 콘솔에서 JavaScript 객체 배열을 전달할 수 있습니다.

 renderDay ( [
    { 
        start : 200 ,
        end :   270
     }
 ] ) ;

설치 지침

GitHub를 처음 사용하는 경우 여기에서 빠른 자습서를 찾을 수 있습니다.

(1) 리포지토리를 다운로드하여 열 수 있습니다

git clone https://github.com/tobiasbueschel/day-calendar.git
cd day-calendar

(2) 노드 모듈을 설치하십시오

sudo npm install

(3) Bower 구성 요소를 설치하십시오

bower install

(4) 응용 프로그램 실행 및 변경

이 프로젝트는 JavaScript 작업 러너 Grunt를 사용합니다. 다음 명령이 유용합니다.

• grunt dev 앱의 개발 버전을 실행합니다
• grunt prod 앱의 프로덕션 버전을 실행합니다
• grunt inject Bower 구성 요소를 Index.html에 주입합니다

기여

풀 요청을 보내주십시오. 버그를 찾으면 문제 페이지에보고하십시오.

사용 된 참조 및 기술

• Angularjs
• 나무 그늘
• 꿀꿀 거리는 소리

특허

MIT 라이센스를 참조하십시오.