> 웹 프론트엔드 > JS 튜토리얼 > 경량 네이티브 js 캘린더 플러그인 Calendar.js 사용 가이드

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

高洛峰
풀어 주다: 2017-02-06 10:28:08
원래의
2911명이 탐색했습니다.

사용 지침:

캘린더 플러그인 Calendar.js/calendar.min.js를 도입해야 합니다.

calendar.css 스타일 시트를 도입해야 하며, 사용자 정의할 수 있습니다. 원하는 스킨

이 캘린더 플러그인은 cmd 모듈화를 지원합니다

다음 호출:

xvDate({
'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'이며, 'off'는 켜짐을 뜻함. 근무 외 시간, 분, 초 모드(2014-09-20)
형식: 날짜 형식의 기본값은 '-'(2014-09-20), '/'는 (2014/09/20)을 의미합니다
min: 최소 시간 제한, min의 시간 형식은 이전 시간 형식과 동일
max: 최대 시간 제한, max의 시간 형식 및 이전 시간 형식 유지
zIndex: 최대 시간 제한, 달력 박스 수준, 기본값 9999

모듈성을 사용해야 하는 경우 종속 모듈에서 가져오기만 하면 됩니다.

예:

define('mod1',[],function(require, exports, module){
var xvDate = require("xvDate");
})
로그인 후 복사

위 내용은 이 기사의 전체 내용입니다. , 모두가 좋아하길 바랍니다.

더 가벼운 네이티브 js 캘린더 플러그인 Calendar.js 사용 가이드 및 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿