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

이 기사에서 제공하는 내용은 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
아래로 스와이프 델타

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

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

lifecycleComponentDidMount(){}는 주로 씁니다. 시간 위임 및 이벤트 모니터링

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!