物件導向 周月切換日曆

2022-05-01 19:54:12 字數 1051 閱讀 8639

一、說在前面

最近在完成乙個專案,其中需要用到日曆元件,但是這個日曆元件不同於點選按鈕選日期,而是在乙個月內選擇自己想要的日期,只是單月內,其中還可以摺疊,在一周內選擇日期,切換周的時候也只能在乙個月內,由於這個類似乙個元件,想用js物件導向的思維去開發這個功能。

二、實現效果

三、基本思路

(function

($)

//原型鏈

calendar.prototype =,

//填充周日子的資料

showcalendarweek: function

() ,

//建立dom結構

renderdom: function

() ,

//初始化操作

inital: function

() ,

//執行點選事件

dom.click = function

() ,

//指向建構函式就是calendar

constructor: calendar

}//some common methods

var dateobj = (function

() )

//繼承

$.fn.calendar = function

(options)

})(zepto)

//執行

$(function

() ,

//點選月日子的時候 

clicklistday: function

($ele)

})})

四、倡導原則

雖然說用的是zepto,相對於高大上的vue和react等比較low,但是接地氣,拿來就能用。我在寫功能的時候,基本做到先dom渲染,然後再去初始化資料。

物件導向版tab 欄切換

點選 tab欄,可以切換效果.點選 號,可以新增 tab 項和內容項.點選 x 號,可以刪除當前的tab項和內容項.雙擊tab項文字或者內容項文字可以修改裡面的文字內容 抽象物件 tab物件 該物件具有切換功能 該物件具有新增功能 該物件具有刪除功能 該物件具有修改功能 獲取到標題元素 獲取到內容元...

第三週 PHP物件導向

屬性 方法 變數 也稱為 屬性 函式 也稱為 方法 都是類的成員.markdown 轉義字元 原樣輸出 php類屬性方法的呼叫 把成員方法和成員屬性封裝到類中,隱藏屬性和方法實現的細節 可以使乙個類繼承並擁有另乙個已經存在類的成員屬性和方法,被繼承的類稱為父類或基類,繼承類為子類 子類最多只能繼承乙...

java物件導向周測帶答案

一 簡答題 每題5分,共計40分 1.什麼是類?什麼是物件?類與物件的關係是什麼?類本質上就是分類的意思,也就是具有相同共性的一類事物的抽象描述。類就是一種使用者可以自定義的引用資料型別,用於包裝描述屬性的成員變數,和用於描述行為的成員方法,換句話說,類可以用於描述多個不同型別的資料。類是一種抽象的...