> 웹 프론트엔드 > JS 튜토리얼 > Jquery Calendar 구성요소 개발 콘텐츠 보충

Jquery Calendar 구성요소 개발 콘텐츠 보충

不言
풀어 주다: 2018-09-07 15:52:56
원래의
1259명이 탐색했습니다.

이 기사에서 제공하는 내용은 jquery 캘린더 구성 요소 개발에 대한 지식을 보충하는 것입니다. 필요한 친구가 참고할 수 있기를 바랍니다.

`은 템플릿 문자열을 나타내는 새로 추가된 연산자입니다.

var a = 10;
var b = "高兴";
var c = "手机";
var str = `好高兴啊,我买了一个${c},花了${a}元,我很${b}啊!`;
로그인 후 복사
$(this.refs.span_container).append($("<span>111</span>")) 
$(this).append("<u></u>");
로그인 후 복사

span_container의 끝에 추가
append() - 선택한 요소의 끝에 내용을 삽입합니다.
prepend() - 선택한 요소의 시작 부분에 내용을 삽입합니다.

참고: 요소 노드를 추가할 때 따옴표를 사용하세요. 그렇지 않으면 추가합니다. 스크롤 효과를 표시하지 않으려면 rendr()을 참여시킬 수 없으며 렌더링에서 setState를 설정할 수 없습니다. 그렇지 않으면 상태가 변경되자마자 렌더링이 다시 활성화됩니다. 페이지가 직접 새로 고쳐지고 애니메이션 효과가 없습니다.

jquery가 응답할 수 없습니다. 휠 이벤트의 경우 플러그인만 설치할 수 있습니다.

jquery.mousewheel.js

위로 스와이프 델타>0
아래로 스와이프 델타<0


휠은 반드시 stop(true,true)를 사용해야 합니다

여기서 휠은 stop(true)을 사용해야 합니다 ), 너무 빠르게 슬라이드하면 다음과 같은 누적 이벤트가 나타납니다

lifecycleComponentDidMount(){}는 주로 씁니다. 시간 위임 및 이벤트 모니터링Jquery Calendar 구성요소 개발 콘텐츠 보충

시스템의 현재 연도, 월, 일 가져오기

var d = new Date();
"year" : d.getFullYear(),"month" : d.getMonth() + 1,"day" : d.getDate(),
로그인 후 복사

어떤 DOM 요소가 이벤트를 트리거했는지 반환:

event.target
로그인 후 복사
componentDidMount(){        
var self = this;
        $("html").click(function(event){
           //给最大的父元素加ref钩子
            var o = self.refs.BECanlendar;
            console.log($(event.target).parents(o).length==0){                
            //窗口的点击事件,当点击到外面的时候,length=0
            }
    });
    }
로그인 후 복사
관련 권장 사항:

간단한 Calendar_jquery를 생성하는 Jquery 캘린더 플러그인



jquery 웹캘린더 표시 제어 Calendar3.1 사용에 대한 자세한 설명

위 내용은 Jquery Calendar 구성요소 개발 콘텐츠 보충의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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