경량 네이티브 js 캘린더 플러그인 Calendar.js 사용 가이드

경량 네이티브 js 캘린더 플러그인 Calendar.js 사용 가이드_javascript 기술

WBOY

풀어 주다： 2016-05-16 16:01:58

원래의

2026명이 탐색했습니다.

사용 지침:

calendar.js/calendar.min.js 플러그인을 소개해야 합니다

원하는 스킨을 맞춤 설정하려면 Calendar.css 스타일 시트를 도입해야 합니다

이 달력 플러그인은 cmd 모듈성을 지원합니다

다음과 같이 전화하세요.

코드 복사 코드는 다음과 같습니다.

xv날짜({

'targetId':'date1',//작성시 객체의 id

'triggerId':['date1','dateBtn1'],//이벤트를 트리거하는 객체 ID

'alignId':'datesWrap1',//캘린더 정렬 개체

'format':'-',//시간 형식 기본값 'YYYY-MM-DD HH:MM:SS'

'min':'2014-09-20 10:00:00',//최대 시간

'max':'2014-10-30 10:00:00'//최소 시간

});

매개변수 설명:

targetId: 날짜 작성 개체의 ID이며 비워둘 수 없습니다
TriggerId: 이벤트를 트리거하는 개체 ID가 설정되지 않은 경우 기본값은 targetId
입니다. alignId: 달력 상자의 정렬 기준입니다. 설정하지 않으면 기본값은 targetId
입니다. hms: 시, 분, 초 켜짐 여부 기본값은 'on'으로 시, 분, 초를 켜는 것을 의미하며(2014-09-20 10:00:00), 'off'입니다. 시, 분, 초 모드를 끄라는 뜻입니다. (2014-09-20)
형식: 날짜 형식은 기본값은 '-'(2014-09-20), '/'는 (2014/09/20)을 의미합니다
min: 최소 시간 제한, min의 시간 형식은 이전 시간 형식과 동일하게 유지됩니다.
max: 최대 시간 제한, max의 시간 형식은 이전 시간 형식과 동일하게 유지됩니다.
zIndex: 최대 시간 제한, 달력 상자 수준, 기본값 9999

모듈화를 사용해야 하는 경우 의존해야 하는 모듈을 가져오기만 하면 됩니다

예:

코드 복사 코드는 다음과 같습니다.

정의('mod1',[],function(요구, 내보내기, 모듈){

var xvDate = require("xvDate");

})

주소 다운로드

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.