JQ 日期聯動外掛程式

2021-08-28 01:59:45 字數 1999 閱讀 8025

/*


* jquery date selector plugin


* 日期聯動選擇外掛程式


* * demo:


$("#calendar").dateselector();


html:年 月 日


*/(function ($) 


}$.fn.dateselector = function (options) ;


//初始化


this._options = 


for (var property in options) 


this.yearvalueid = $("#" + this._options.ctlyearid);


this.monthvalueid = $("#" + this._options.ctlmonthid);


this.dayvalueid = $("#" + this._options.ctldayid);


var dt = new date(),


imonth = parseint(this.monthvalueid.attr("data") || this._options.defmonth),


iday = parseint(this.dayvalueid.attr("data") || this._options.defday),


iminyear = parseint(this._options.minyear),


imaxyear = parseint(this._options.maxyear);


this.year = parseint(this.yearvalueid.attr("data") || this._options.defyear) || dt.getfullyear();


this.month = 1 <= imonth && imonth <= 12 ? imonth : dt.getmonth() + 1;


this.day = iday > 0 ? iday : dt.getdate();


this.minyear = iminyear && iminyear < this.year ? iminyear : this.year;


this.maxyear = imaxyear && imaxyear > this.year ? imaxyear : this.year;


//初始化控制項


//設定年


setselectcontrol(this.yearvalueid, this.minyear, this.maxyear - this.minyear + 1, this.year);


//設定月


setselectcontrol(this.monthvalueid, 1, 12, this.month);


//設定日


var daysinmonth = new date(this.year, this.month, 0).getdate(); //獲取指定年月的當月天數[new date(year, month, 0).getdate()]


if (this.day > daysinmonth) ;


setselectcontrol(this.dayvalueid, 1, daysinmonth, this.day);


var othis = this;


//繫結控制項事件


this.yearvalueid.change(function () );


this.monthvalueid.change(function () ;


setselectcontrol(othis.dayvalueid, 1, daysinmonth, othis.day);


});this.dayvalueid.change(function () );


}})(jquery);
demo.html

年 月 日
效果圖：

JQ 省市聯動

jq的小練習，乙個金典的效果，省市聯動。儲存資料用json，選了省才出來對應的市區 貼 html 1 div class content 2 select name provice id provice 3 option value 請選擇省份 selected 請選擇省份 option 4sele...

jq 外掛程式寫法

1.一次宣告乙個函式 fn.函式名 function options fn.red function options var settings extend defaults,options this.css settings return this 2.一次宣告多個函式 fn.extend fn....

jquery外掛程式 省市聯動

由於專案需要需要實現乙個省市聯動，由於業務有一些特殊的需求，使用現有的外掛程式略有不便，就自己實現了乙個。首先需要儲存地區資料的js資料檔案，我這裡命名為areadata.js，內容如下 儲存地區資訊 資料格式 areadata 直轄市存在 1，表示就是直轄市 function window win...