首頁  >  文章  >  web前端  >  jquery日曆組件開發內容的補充

jquery日曆組件開發內容的補充

不言
不言原創
2018-09-07 15:52:561226瀏覽

這篇文章帶給大家的內容是關於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()參與進來,不能在render裡setsState,否則state一改變render重新啟用,頁面直接刷新,不會有動畫效果的出

jquery無法回應滾輪事件,只能裝插件
jquery.mousewheel.js

向上劃delta>0
向下劃delta

滾輪在這裡必須用stop(true,true)
滾輪在這裡用stop(true),滑動的太快會出現如下的累積事件

jquery日曆組件開發內容的補充

生命週期componentDidMount(){}主要寫時間委託、事件監聽

取得系統目前年月日

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
            }
    });
    }

相關推薦:
Jquery日曆外掛程式製作簡單行事曆_jquery

jquery網頁行事曆顯示控制項calendar3.1使用詳解

以上是jquery日曆組件開發內容的補充的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn