jQuery手機移動端農曆公曆日期時間選擇程式碼
jQuery手機移動端農曆公曆日期時間選擇程式碼,支援公曆和農曆切換,可只選擇日期或日期時間都選擇。
檔案:n459.com/file/25127180-476964728
以下內容無關:
-------------------------------------------分割線---------------------------------------------
jQuery.each( object, callback,arg)
each()函式是基本上所有的框架都提供了的一個工具類函式,通過它,你可以遍歷物件、陣列的屬性值並進行處理。
jQuery和jQuery物件都實現了該方法,對於jQuery物件,只是把each方法簡單的進行了委託:把jQuery物件作為第一個引數傳遞給jQuery的each方法。換句話說:jQuery提供的each方法是對引數一提供的物件的中所有的子元素逐一進行方法呼叫。而jQuery物件提供的each方法則是對jQuery內部的子元素進行逐個呼叫。
jQuery.prototype.each = function(fn, args) {
return jQuery.each(this, fn, args);
}
讓我們看一下jQuery提供的each方法的具體實現,
jQuery.each(obj,fn,arg)
該方法有三個引數:進行操作的物件obj,進行操作的函式fn,函式的引數args。
讓我們根據ojb物件進行討論:
1.obj物件是陣列
each方法會對陣列中子元素的逐個進行fn函式呼叫,直至呼叫某個子元素返回的結果為false為止,也就是說,我們可以在提供的fn函式進行處理,使之滿足一定條件後就退出each方法呼叫。當each方法提供了arg引數時,fn函式呼叫傳入的引數為arg,否則為:子元素索引,子元素本身
2.obj 物件不是陣列
該方法同1的最大區別是:fn方法會被逐次不考慮返回值的進行進行。換句話說,obj物件的所有屬性都會被fn方法進行呼叫,即使fn函式返回false。呼叫傳入的引數同1類似。
jQuery.each = function(obj, fn, args) {
if (args) {
if (obj.length == undefined) {
for (var i in obj)
fn.apply(obj, args);
} else {
for (var i = 0, ol = obj.length; i < ol; i++) {
if (fn.apply(obj, args) === false)
break;
}
}
} else {
if (obj.length == undefined) {
for (var i in obj)
fn.call(obj, i, obj);
} else {
for (var i = 0, ol = obj.length, val = obj[0];
i < ol && fn.call(val, i, val) !== false;
val = obj[++i]) { }
}
}
return obj;
}
需要特別注意的是each方法中fn的具體呼叫方法並不是採用簡單的fn(i,val)或fn(args),而是採用了fn.call(val,i,val)或fn.apply(obj.args)的形式,這意味著,在你自己的fn的實現中,可以直接採用this指標引用陣列或是物件的子元素。這種方式是絕大多數jQuery所採用的一種實現方式。
var arr = [“one”, “two”, “three”, “four”, “five”];
var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };
jQuery.each(arr, function() {
alert(this);
});
/*
one,two,three,four,five
*/
jQuery.each(obj, function(i, val) {
alert(i+":"+val);
});
/*
one:1 two:2 three:3 four:4 five:5
*/
jQuery.each(arr, function(i, val) {
alert(i);
});
/*
0,1,2,3,4
*/
jQuery.each(arr, function(i, val) {
alert(arr[i]);
});
/*
one tow three four five
*/
相關文章
- 公曆日期轉農曆日期
- 點選日曆顯示日期jqueryjQuery
- 根據公曆計算農曆
- win10系統如何設定時間日期顯示農曆Win10
- iOS 自定義日曆(日期選擇)控制元件iOS控制元件
- JS中1900-2100區間內的公曆、農曆互轉的工具類JS
- PHP的時間日期與例項應用:日曆核心程式PHP
- RN自定義元件封裝 – 拖拽選擇日期的日曆元件封裝
- RN自定義元件封裝 - 拖拽選擇日期的日曆元件封裝
- 移動端『H5周曆元件』H5元件
- angular 日期(陽曆)Angular
- vue之實現日曆----顯示農曆,滾動日曆監聽年月改變Vue
- win10 日曆怎麼顯示農曆_win10日曆不顯示農曆怎麼辦Win10
- timePicker.vue日曆選擇器Vue
- 移動端日曆元件設計與實現元件
- win10電腦日曆怎麼顯示農曆_win10系統日曆顯示農曆的設定方法Win10
- React Native日期時間選擇元件React Native元件
- 直播帶貨原始碼,日期時間選擇器 選擇範圍限制原始碼
- 程式設計師“公關”日曆程式設計師
- c#農曆開源庫C#
- win10在日曆裡顯示天氣和農曆的方法_win10怎麼讓日曆磁貼顯示農曆和天氣Win10
- jQuery操作checkbox選擇程式碼jQuery
- 原生js日曆選擇器,學習js物件導向開發日曆外掛JS物件
- 前端學習02:jQuery 日曆前端jQuery
- 根據兩個日期之間獲取LocalDate日曆列表LDA
- IOS之UIDatePicker實現時間日期選擇iOSUI
- vue3-hash-calendar,一款基於vue3.x開發的移動端日期時間選擇元件Vue元件
- 移動端『H5日曆元件』已廢棄不再維護H5元件
- jquery Mobiscroll日期時間選擇外掛使用 以及設定defaultValue屬性不起作用jQuery
- Laravel中使用Carbon時間類生成日曆Laravel
- js手寫日曆JS
- delphi 控制元件 LssCalendar V2.0 (支援農曆的月曆控制元件)控制元件
- 手動開發一個日曆元件元件
- linux系統時間程式設計(6) 日曆時間tm轉字串strftime函式Linux程式設計字串函式
- 帶農曆日曆的DatePicker控制元件!Xamarin控制元件開發小記控制元件
- 記新專案中遇到的有關農曆,日曆元件的所有問題。元件
- win10 系統怎麼設定日曆顯示節日_win10日曆要怎麼顯示農曆Win10
- win10桌面農曆怎麼顯示_win10如何設定農曆在桌面上Win10