年 ___ 月___ 開始時間__ 結束時間___
兩組關聯 級聯變動 封裝的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...