久久久免费看,97成人在线视频,黄色网在线播放

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>日歷 - 插件演示</title> <style> * {padding:0;margin:0;font-size:12px;} .fl {float:left} .fr {float:right} .dn {display:none} /*日歷 begin*/ .data_box {width:260px; } .showDate {width:248px;height:30px;line-height:30px;padding:0 5px;border:1px solid #e1e1e1;color:#999;display:block;cursor:pointer} .show_mn {text-align:center;padding:0 20px;} .sel_date {margin-top:10px;border:1px solid #999;padding:3px} .data_table {width:100%;margin-top:10px;} .data_table td {text-align:center;cursor:pointer;height:24px;font-size:14px;} .data_table td.active {color:#fff;background-color:#999} .data_table td.hover{color:blue;} .showDate2 {width:35px;padding:3px 5px;color:#999;border:1px solid #e1e1e1;text-align:center} .showDate2.active {border:1px solid #c50000; } .prev_m,.next_m {width:10px;height:22px;display:block;background-color:#0094ff;color:#fff;cursor:pointer;text-align:center;font: bold 12px/22px "宋體"} .prev_y,.next_y {width:18px;height:22px;display:block;background-color:#0094ff;color:#fff;cursor:pointer;text-align:center;font: bold 12px/22px "宋體";margin:0 5px;} /*日歷 end*/ </style> <script src="js/base.js" type="text/javascript"></script> <script> LiChang = { getByClass: function (oPare, cla) { var oChild = oPare.getElementsByTagName("*"); var arr = []; for (var i = 0; i < oChild.length; i++) { var arrCla = oChild[i].className.split(" "); var j; for (var j in arrCla) { if (arrCla[j] == cla) { arr.push(oChild[i]); break; } } } return arr; } } function showDate(option) { this.obj = document.getElementById(option.id); } showDate.prototype.init = function () { var _self = this; _self.dateText = LiChang.getByClass(_self.obj, "showDate")[0]; _self.dateBox = LiChang.getByClass(_self.obj, "sel_date")[0]; _self.yearBox = LiChang.getByClass(_self.obj, "year")[0]; _self.mnBox = LiChang.getByClass(_self.obj, "month")[0]; _self.dataTable = LiChang.getByClass(_self.dateBox, "data_table")[0]; _self.tbody = _self.dataTable.tBodies[0]; _self.td = _self.tbody.getElementsByTagName("td"); _self.prevM = LiChang.getByClass(_self.dateBox, "prev_m")[0]; _self.nextM = LiChang.getByClass(_self.dateBox, "next_m")[0]; _self.prevY = LiChang.getByClass(_self.dateBox, "prev_y")[0]; _self.nextY = LiChang.getByClass(_self.dateBox, "next_y")[0]; //顯示日歷 _self.dateText.onclick = function () { _self.changeDefault(this); _self.show(); //_self.showNow(); //_self.dateText.blur(); } //點擊空白隱藏日歷 document.onclick = function (event) { event = event || window.event; var Target = event.target || event.srcElement; _self.hide(event, Target, this); } //點擊選擇日期 for (var i = 0; i < _self.td.length; i++) { _self.td[i].onclick = function () { var newDd = this.innerHTML; var newYear = parseInt(_self.yearBox.value, 10); var newMn = parseInt(_self.mnBox.value, 10); if (newDd.match(/^\s{0}$/g)) { //如果td有值; return false; } if (isNaN(newYear) || isNaN(newMn) || newYear < 1900 || newYear > 2099 || newMn < 1 || newMn > 12) { //如果td有值; //alert("請填寫正確的年和月！"); return false; } _self.dateText.innerHTML = newYear + "年" + newMn + "月" + newDd + "日"; _self.dateBox.className += " "; _self.dateBox.className += "dn"; } _self.td[i].onmouseover = function () { if (this.className.indexOf("hove") == -1) { this.className += " hover"; } } _self.td[i].onmouseout = function () { this.className = this.className.replace("hover", "") } } //點擊切換月份 _self.prevM.onclick = _self.nextM.onclick = function () { _self.changeMn(this); return this; } //點擊切換年份 _self.prevY.onclick = _self.nextY.onclick = function () { _self.changeYr(this); return this; } _self.yearBox.onkeyup = _self.mnBox.onkeyup = function () { this.value = this.value.replace(/\D/g, ""); var year = parseInt(_self.yearBox.value, 10); var month = parseInt(_self.mnBox.value, 10); if (!isNaN(year) && year <= 2099 && year >= 1900 && !isNaN(month) && month <= 12 && month >= 1) { _self.showAllDay(year, month - 1); } if (this == _self.yearBox && year >= 1900 && year <= 2099) { _self.mnBox.focus(); } else if (this == _self.mnBox && (month < 1 || month > 12)) { if (this.value.slice(0, 1) > 1) { //如果第一位大于1 this.value = this.value.slice(0, 1); } else if (month > 12) { // this.value = 12; } year = parseInt(_self.yearBox.value, 10); month = parseInt(_self.mnBox.value, 10); _self.showAllDay(year, month - 1); } } _self.yearBox.onblur = function () { var year = parseInt(this.value, 10); if (year < 1900 || year > 2099 || isNaN(year)) { this.focus(); alert("請輸入正確年份！"); this.value = ""; } } _self.mnBox.onfocus = function () { var year = parseInt(_self.yearBox.value, 10); if (isNaN(year)) { _self.yearBox.focus(); } } _self.mnBox.onblur = function () { var month = parseInt(this.value, 10); var year = parseInt(_self.yearBox.value, 10); if (month < 1 || month > 12 || isNaN(month)) { alert("請輸入正確月份！"); this.value = ""; } } } //點擊切換月份 showDate.prototype.changeMn = function (obj) { var _self = this; var NewMn = parseInt(_self.mnBox.value, 10); var newYear = parseInt(_self.yearBox.value, 10); if (isNaN(NewMn) || isNaN(newYear)) { alert("請填寫正確的年和月！"); return false; } if (obj == _self.nextM) { NewMn++; } else { NewMn--; } if (NewMn < 1) { NewMn = 12; newYear -= 1; } else if (NewMn > 12) { NewMn = 1; newYear += 1; } _self.mnBox.value = NewMn; _self.showNow(newYear, NewMn); } //點擊切換年份 showDate.prototype.changeYr = function (obj) { var _self = this; var NewMn = parseInt(_self.mnBox.value, 10); var newYear = parseInt(_self.yearBox.value, 10); if (isNaN(NewMn) || isNaN(newYear)) { alert("請填寫正確的年和月！"); return false; } if (obj == _self.nextY) { newYear++; } else { newYear--; } if (newYear < 1900) { newYear = 1900; } else if (newYear > 2099) { newYear = 2099; } _self.mnBox.value = NewMn; _self.showNow(newYear, NewMn); } //文本框清空初始值 showDate.prototype.changeDefault = function (obj) { var _self = this; var deVal = obj.innerHTML; var regExp = /^\s{0,}$/g; if (deVal == "點擊選擇日期") { obj.innerHTML = ""; _self.showNow(); } else if (deVal.match(regExp) === null && _self.dateBox.className.indexOf("dn") != -1) { //如果顯示的是非空字符 var dayArr = deVal.match(/[0-9]{1,4}/g); _self.showNow(dayArr[0], dayArr[1], dayArr[2]); //刷新日期 } } //文本框還原初始值 showDate.prototype.changeDefault2 = function (obj) { var _self = this; var deVal = obj.innerHTML; if (deVal.match(/^\s{0}$/)) { obj.innerHTML = "點擊選擇日期"; } } //顯示日歷 showDate.prototype.show = function () { var _self = this; if (_self.dateBox.className.indexOf("dn") != -1) { var cls = _self.dateBox.className; _self.dateBox.className = cls.replace("dn", ""); } } //隱藏日歷 showDate.prototype.hide = function (event, Target, obj) { var _self = this; var oPare = Target.parentNode; var isChild = true; //默認是子元素 if (oPare == obj || Target == obj) { isChild = false; } else { loop: while (oPare != _self.obj) { oPare = oPare.parentNode; if (oPare == obj) { isChild = false; break loop; } } } if (!isChild && _self.dateBox.className.indexOf("dn") == -1) { _self.dateBox.className += " "; _self.dateBox.className += "dn"; _self.changeDefault2(_self.dateText); } } //填充年、月 showDate.prototype.showNow = function (yr, mn, date) { var _self = this; var now = new Date(); var year = yr || now.getFullYear(); var month = mn - 1 || now.getMonth(); var dd = date || now.getDate(); //填充年和月 _self.yearBox.value = year; _self.mnBox.value = mn || now.getMonth() + 1; //填充日期 _self.showAllDay(year, month, dd); } //填充當月的所有日期 showDate.prototype.showAllDay = function (Yr, Mn, Dd) { var _self = this; var arr31 = [1, 3, 5, 7, 8, 10, 12]; var is31 = true; var newDd = new Date(); //根據傳入的數值生成新的日期 Dd = Dd ? Dd : newDd.getDate(); newDd.setFullYear(Yr, Mn, Dd); var year = newDd.getFullYear(), month = newDd.getMonth(), dd = newDd.getDate(); var firstD = new Date(); firstD.setFullYear(year, month, 1); var firstDay = firstD.getDay(); var str31 = arr31.join(","); var regExp = eval("/" + (month + 1) + ",|," + (month + 1) + ",|," + (month + 1) + "/g"); var dayLen = 31; //判斷每個月有多少天 if (str31.search(regExp) == -1) { dayLen = 30; } //清空日期 for (var i = 0; i < _self.td.length; i++) { _self.td[i].innerHTML = ""; _self.td[i].className = _self.td[i].className.replace("active", ""); } //如果有31天 for (var j = 0; j < dayLen; j++) { _self.td[j + firstDay].innerHTML = j + 1; if (j + 1 == dd && _self.td[j + firstDay].className.indexOf("active") == -1) { _self.td[j + firstDay].className += " "; _self.td[j + firstDay].className += "active"; } } } //函數調用 window.onload = function () { var showDate1 = new showDate({ id: "data_box" }); showDate1.init(); } </script> </head> <body> <div id="bnj2dde" class="clearfix dome3_box">  <div id="fzb4hbs" class="data_box" id="data_box"> <span class="showDate" >點擊選擇日期</span> <div id="hbajj1l" class="sel_date dn"> <div id="w5cw5bi" class="clearfix"> <span id="vjvuq3q" class="prev_y fl"><<</span><span id="dya5usz" class="prev_m fl"><</span> <span id="yy5sfpg" class="next_y fr">>></span><span id="1x6u645" class="next_m fr">></span> <div id="vhgq85w" class="show_mn"> <input type="text" class="showDate2 year" value="選擇年份" /> <span id="g1ttxeq" class="ml5 mr5">年</span> <input type="text" class="showDate2 month" value="選擇月份" /> <span id="w0tzr5y" class="ml5">月</span> </div> </div> <table class="data_table"> <thead> <tr> <td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td> </tr> </thead> <tbody> <tr> <td>1</td><td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr> <td>1</td><td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr> </tbody> </table> </div> </div>  </div> </body> </html>