封裝 自定義的JS外掛程式 高逼格

2022-05-10 08:55:45 字數 3288 閱讀 1808

年 ___  月___        開始時間__   結束時間___   

兩組關聯 級聯變動    封裝的js 外掛程式

直接上**:

初始化外掛程式:

// 初始化 新增html 中對應 4個時間的input id

// 年 月 新增change 方法 changetime()

var plugin = new pickercascade();

$('.date-picker').datepicker().on('changedate',gotodate);

function gotodate(ev)

function changetime()

封裝的js外掛程式**:

/***

*author: xiuhuijiang

*date: 2023年7月12日17:00:41

*///undefined 防止出現undefined 問題

;(function(undefined)

}return o;

};// 外掛程式建構函式 - 返回陣列結構

function pickercascade(opt);

pickercascade.prototype = ,

_gotodate : pickercascade.prototype._gotodate(this.ev),

_changetime:pickercascade.prototype._changetime(),

_updatesele:pickercascade.prototype._updatesele(this.begintime,this.endtime),

_diffmonth:pickercascade.prototype._diffmonth(this.begintime,this.endtime),

_getintervalmonth:pickercascade.prototype._getintervalmonth(this.begindate,this.enddate),

_dateadd:pickercascade.prototype._dateadd(this.interval,this.number,this.date),

};this.def = extend(def,opt,true); //配置引數

},_gotodate : function (ev)'||typeof ev === "undefined")

$("input[name = '"+ev.target.name+"']").val(ev.format());

var endtime = $("#"+this.def.datepickerenddate).val();

if(typeof endtime === "undefined"||endtime == '')

var begintime = $("#"+this.def.datepickerbegindate).val();

if(typeof begintime === "undefined"||begintime == '')

this._updatesele(begintime,endtime);

},_changetime: function ()

var begindate = new date(begintime.replace(/-/g,"/"));

var year = $("#"+this.def.datepickeryear).val();

var month = $("#"+this.def.datepickermonth).val();

if(typeof year === "undefined"||year == '')

if(typeof month === "undefined"||month == '')

var enddate = this._dateadd('month',parseint(month),begindate);

enddate = this._dateadd('year',parseint(year),enddate);

$("#"+this.def.datepickerenddate).val(enddate.getfullyear()+'-'+(enddate.getmonth()+1)+'-'+enddate.getdate());

},_updatesele: function (begintime,endtime)

var intervalmonth = this._diffmonth(begintime,endtime);

$("#"+this.def.datepickeryear).val(parseint(intervalmonth/12));

$("#"+this.def.datepickermonth).val(parseint(intervalmonth%12));

},_diffmonth: function (begintime,endtime)

//計算時間差 年份 和 月份

begintime = begintime.replace(/-/g,"/");

endtime = endtime.replace(/-/g,"/");

//相差的總月份

return this._getintervalmonth(new date(begintime) , new date(endtime) );

},_getintervalmonth: function(begindate,enddate),

_dateadd: function(interval, number, date)

if (typeof date === 'string')

switch (interval)

case "quar":

case "month":

case "week":

case "day":

case "hour":

case "minute":

case "second":

default:

}return date;

}}// 將外掛程式物件暴露給全域性物件(考慮相容性)

_global = (function()());

if (typeof module !== "undefined" && module.exports) else if (typeof define === "function" && define.amd) );

} else

}());

自定義類的封裝

開發工具與關鍵技術 vs mvc 當我們進行多表查詢,新增,修改,刪除的時候,要用到多個資料的表,這時候處理起來就比較麻煩,所以我們通過自定義類的方式來接收資料 例如這一句查詢語句,裡麵包過了,班級,年級,學生,還有使用者,我們繼續使用資料庫,建立的類來接收資料比較麻煩,所以我們就自定義乙個類來接收...

jQuery的LG的自定義外掛程式。

如下 window.opener null alert 登陸超時,請重新登入 top.location base login home.htm else items items.length grid.manager.set items items lg.btnitemclick function ...

自定義簡單的jquery的外掛程式

首先jquery的檔案是要匯入的 改變背景色的外掛程式 fn.function 方式二 fn.extend if typeof option.ptext undefined option.ptext.length 0 elseif typeof option.bgcolor undefined op...