不錯的JS日曆選擇器

網上看到的乙個不錯的js日曆選擇器，先看一下效果，如下：

js**如下：

document.write(""); document.write("

"); function writeiframe() } } function twebcalendar() //初始化日曆的設定 
var webcalendar = new twebcalendar(); 
function calendar() //主調函式 
o.display = ""; webcalendar.iframe.document.body.focus(); 
var cw = webcalendar.calendar.clientwidth, ch = webcalendar.calendar.clientheight; 
var dw = document.body.clientwidth, dl = document.body.scrollleft, dt = document.body.scrolltop; 
if (document.body.clientheight + dt - t - h >= ch) o.top = (p=="image")? t + h : t + h + 6; 
else o.top = (t - dt < ch) ? ((p=="image")? t + h : t + h + 6) : t - ch; 
if (dw + dl - l >= cw) o.left = l; else o.left = (dw >= cw) ? dw - cw + dl : dl; 
if (!webcalendar.timeshow) webcalendar.datereg = /^(\d)(-|\/|.)(\d)\2(\d)$/; else webcalendar.datereg = /^(\d)(-|\/|.)(\d)\2(\d) (\d):(\d):(\d)$/; try else } else writecalendar(); } catch(e) } function funmonthselect() //月份的下拉框 
function funyearselect() //年份的下拉框 
e.style.display = ""; e.value = y; e.focus(); } function prevm() //往前翻月份 
webcalendar.thismonth--; writecalendar(); } function nextm() //往後翻月份 
webcalendar.thismonth++; writecalendar(); } function prevy() //往前翻 year 
function nexty() //往後翻 year 
function string.prototype.trim() function daymouseover() function daymouseout() } function writecalendar() //對日曆顯示的資料的處理程式 
y = webcalendar.thisyear; m = webcalendar.thismonth; d = webcalendar.thisday; webcalendar.iframe.meizzyearhead.innertext = y +" 年"; webcalendar.iframe.meizzyearmonth.innertext = parseint(m, 10) +" 月"; webcalendar.daysmonth[1] = (0==y%4 && (y%100!=0 || y%400==0)) ? 29 : 28; //閏年二月為29天 
var w = new date(y, m-1, 1).getday(); var prevdays = m==1 ? webcalendar.daysmonth[11] : webcalendar.daysmonth[m-2]; for(var i=(w-1); i>=0; i--) //這三個 for 迴圈為日曆賦資料來源（陣列 webcalendar.day）格式是 d/m/yyyy 
for(var i=1; i<=webcalendar.daysmonth[m-1]; i++) webcalendar.day[i+w-1] = i +"/"+ m +"/"+ y; for(var i=1; i<39-w-webcalendar.daysmonth[m-1]+1; i++) for(var i=0; i<39; i++) //這個迴圈是根據源陣列寫到日曆裡顯示 
if (webcalendar.day[i] == webcalendar.today) //設定今天在日曆上反應出來的顏色 
} } function returndate() //根據日期格式等返回使用者選定的日期 
)(-|\/|.|)(\w)\2(\w)$/); if (d == null) var flag = d[3].length == 2 || d[4].length == 2; //判斷返回的日期格式是否要補零

生 日：  *   (yyyy-mm-dd)

android 日曆選擇器 酒店專用

日曆選擇器 由於公司需求，參看了各個平台的酒店日曆選擇功能，手動寫了乙個，就當記錄下，邏輯可能還需要再去優化下，各位小夥伴沒思路的可以參考下。接下來正題。看下實現後效果圖吧。布局上是recyclerview巢狀recyclerview，上面2018年月9月是通過自定義recyclerview.ite...

js選擇器和jquery選擇器的比較

document.getelementbyid id 根據id屬性來選擇 document.getelementsbyclassname根據class屬性來選擇，注意這裡class可能有多個的，所以要加s，可是這個好像具有相容性呢，在ie8及其以下瀏覽器中，不能使用。解決 加入相容性判斷，在需要用到...

js 選擇器相容

1.document.getelementbyid 所有主要瀏覽器都支援 getelementbyid 方法 2.document.getelementsbytagname 和element.getelementsbytagname 所有主要瀏覽器都支援 getelementsbytagname 方...