国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

<small id="1ckfk"></small>

<td id="1ckfk"><tr id="1ckfk"></tr></td><small id="1ckfk"><tbody id="1ckfk"></tbody></small>

首頁 > 編程 > JavaScript > 正文

又一日歷輸入效果沒考慮兼容性，IE通過

2019-11-21 02:16:46

字體：大中小

來源：轉載

供稿：網友

<script> onload = function() {     var panel = new SelectPanel;     var rili = new Kalendar;     panel.Create();     rili.Create(panel);     panel.Apply(document.form1.a);     panel.Apply(document.form1.b); } </script> <form name="form1"> <input name="a" readonly> <input name="b" readonly> </form> <script> /* 日歷選擇類 this.Width = 0;                             // 設置日歷寬度，為零時不指定寬度。 this.Height = 0;                            // 設置日歷高度，為零時不指定高度。 this.BorderColor = "#1095c6";               // 設置日歷邊框顏色。 this.BackColor = "white";                   // 設置日歷背景顏色。 this.CapBack = "#d9ebfe";                   // 設置日歷深色。 this.Tag = doc.createElement("table");      // 日歷DOM節點。 this.Create = function(container)           // 將日歷綁定到指定對象。 */ function Kalendar(win) {     if(!win) win = self;     var doc = win.document;     var _Kalendar = this;     this.Width = 0;     this.Height = 0;     this.BorderColor = "#1095c6";     this.BackColor = "white";     this.CapBack = "#d9ebfe";     this.Tag = doc.createElement("table");     this.Tag.style.cursor = "default";     this.Create = function(container)     {         if(!container) container = doc.body;         this.Parent = container;         this.Tag.style.borderCollapse = "collapse";         this.Tag.border = 1;         this.Tag.borderColor = this.BorderColor;         this.Tag.width = this.Width ? this.Width : "";         this.Tag.height = this.Height ? this.Height : "";         this.Tag.rows[0].cells[0].bgColor = this.CapBack;         (container.Tag || container).appendChild(this.Tag);         BuildDateFace(new Date(sltNian.value, sltYue.value));     }     var today = new Date;     var tr = this.Tag.insertRow(); tr.insertCell();     var sltNian = doc.createElement("select");     sltNian.options.add(new Option(today.getFullYear() + "年", today.getFullYear()));     InitYearSelect();     function InitYearSelect()     {         while(sltNian.selectedIndex < 10)             sltNian.options.add(new Option(sltNian.options[0].value - 1 + "年", sltNian.options[0].value - 1), 0);         while(sltNian.options.length < sltNian.selectedIndex + 11)             sltNian.options.add(new Option(sltNian.lastChild.value - 0 + 1 + "年", sltNian.lastChild.value - 0 + 1));     }     var sltYue = sltNian.cloneNode();     for(var i = 0; i < 12;)     {         var opt = new Option(++i + "月", i-1);         sltYue.options.add(opt);     }     sltYue.onchange = function()     {         BuildDateFace(new Date(sltNian.value, sltYue.value));     }     sltNian.onchange = function()     {         sltYue.onchange();         InitYearSelect();     }     sltYue.value = today.getMonth();     sltNian.value = today.getFullYear();     tr.cells[0].appendChild(sltNian);     tr.cells[0].appendChild(sltYue);     tr.cells[0].colSpan = 7;     tr.cells[0].align = "center";     var tBody = this.Tag.tBodies[0];     tBody.insertRow();     for(var i = 0; i < 7; i++)     {         var td = tBody.rows[1].insertCell();         td.align = "center";         td.appendChild(doc.createTextNode("日一二三四五六".charAt(i)));     }     tBody.rows[1].cells[0].style.color = "red";     tBody.rows[1].cells[6].style.color = "green";     for(var i = 0; i < 6; i++)     {         var row = tBody.rows[1].cloneNode(true);         tBody.appendChild(row);         IRow.apply(row);     }     tBody.rows[7].deleteCell();     tBody.rows[7].cells[5].colSpan = 2;     tBody.rows[7].cells[5].lastChild.data = "清空";     tBody.rows[1].style.fontWeight = "bold";     function IRow()     {         for(var i = 0; i < this.cells.length; i++)         {             this.cells[i].onmouseover = function()             {                 if(!IsToday(this.title)) this.bgColor = _Kalendar.CapBack;             }             this.cells[i].onmouseout = function()             {                 if(!IsToday(this.title)) this.bgColor = "";             }             this.cells[i].onclick = function()             {                 _Kalendar.Parent.Owner.value = this.title;                 _Kalendar.Parent.Tag.style.display = "none";             }         }     }     function IsToday(date)     {         date = date.split("-");         var year = parseInt(date[0]);         var month = parseInt(date[1], 10) - 1;         date = parseInt(date[2], 10);         return today.getFullYear() == year &&             today.getMonth() == month &&             today.getDate() == date;     }     function BuildDateFace(date)     {         date.setDate(1);         var year = date.getFullYear();         var month = date.getMonth();         var offset = date.getDay();         var maxDate = GetDates(year, month);         for(var i = 0; i < maxDate; i++)         {             var td = _Kalendar.Tag.cells[i + 8 + offset];             td.lastChild.data = i + 1;             td.title = [year, (month < 9 ? "0" : "") + (month + 1), (i < 9 ? "0" : "") + (i + 1)].join("-");             td.bgColor = (IsToday(td.title)) ? _Kalendar.CapBack : "";             td.disabled = false;         }         for(var i = 8 + offset + maxDate; i < _Kalendar.Tag.cells.length - 1; i++)         {             var td = _Kalendar.Tag.cells[i];             td.title = "";             td.lastChild.data = i - 7 - offset - maxDate;             td.disabled = true;         }         lastMonth = GetDates(year, month - 1);         while(offset)         {             var td = _Kalendar.Tag.cells[8 + (--offset)];             td.title = "";             td.lastChild.data = lastMonth - date.getDay() + offset + 1;             td.disabled = true;         }     }     function GetDates(year, month)     {         if(month < 0)         {             month = 11;             year--;         }         if(month == 12)         {             month = 0;             year++;         }         var date = new Date(year, month, 31);         return 31 - date.getDate() || 31;     } } /* 選擇面板類 this.Tag = doc.createElement("div");    // 面板HTML標簽 this.Owner = null;                      // 面板對應的輸入框。 this.Width = 0;                         // 寬度，為0時自適應 this.Height = 0;                        // 面板高度，為0時自適應 this.BorderColor = "#1095c6";           // 邊框顏色 this.BgColor = "white";                 // 面板背景顏色 this.Create(container)                  // 將面板創建到container內 this.Apply(target)                      // 將面板應用到目標控件。 */ function SelectPanel(win) {     if(!win) win = self;     var doc = win.document;     var _SelectPannel = this;     this.Owner = null;     this.Tag = doc.createElement("div");     this.Width = 0;     this.Height = 0;     this.BorderColor = "#1095c6";     this.BgColor = "white";     IMouseEvent.apply(this.Tag);     if(!win._PannelList) win._PannelList = [this];     else win._PannelList.push(this);     if(!doc.onmousedown) doc.onmousedown = function()     {         for(var i in win._PannelList)         {             if(!win._PannelList[i].AllowShow &&                 win._PannelList[i].Tag.style.display != "none" &&                 doc.activeElement.tagName != "SELECT")                 win._PannelList[i].Tag.style.display = "none";         }     }     this.Create = function(container)     {         var style = this.Tag.style;         if(this.Width) style.width = this.Width;         if(this.Height) style.height = this.Height;         style.backgroundColor = this.BgColor;         style.border = "1px solid " + this.BorderColor;         style.position = "absolute";         style.left = "0px";         style.top = "0px";         style.overflow = "auto";         style.display = "none";         (container || doc.body).appendChild(this.Tag);     }     this.Apply = function(target)     {         target.onclick = function()         {             _SelectPannel.Owner = this;             IMouseEvent.apply(target);             var x = target.offsetLeft;             var y = target.offsetTop + target.offsetHeight + 1;             var sender = target;             while(sender.offsetParent)             {                 sender = sender.offsetParent;                 x += sender.offsetLeft;                 y += sender.offsetTop;             }             _SelectPannel.Tag.style.left = x + "px";             _SelectPannel.Tag.style.top = y + "px";             _SelectPannel.Tag.style.display = "block";         }     }     function IMouseEvent()     {         this.onmouseenter = function()         {             _SelectPannel.AllowShow = true;         }         this.onmouseleave = function()         {             _SelectPannel.AllowShow = false;         }     } } </script>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

做得比較急，所以沒考慮兼容性。
通過兩個類實現，一個是面板類，一個是日歷類。
由于我開發時所有公共js都是在頂級窗口一次加載的，所以在子窗口創建對象時需要把當前窗口對象傳進去，例如： var panel = new parent.parent.SelectPanel(self);如果沒傳self參數，默認就是加載js的窗口。

marcian 在網上找的那個公歷算法有點復雜，呵呵。我獲取當前月最大天數，以及當前月第一天是星期幾是直接通過JS自帶的Date函數來實現的。

復制代碼代碼如下:

// 獲取當月最大天數 
//asfman提供更簡單的方式：return (new Date(y, m+1, 0)).getDate() 
function GetDates(year, month) 
{ 
    var date = new Date(year, month, 31); 
    return 31 - date.getDate() || 31; 
} 
// 獲取當月第一天是星期幾 
function GetFirstDay(year, month) 
{ 
    return (new Date(year, month, 1)).getDay(); 
}  

/* 下面這部分可以不要，因為即使出現new Date(2007, -1, 31)，這種現象，Date會自動轉換成Date(2006, 12, 31)
    if(month < 0)
    {
        month = 11;
        year--;
    }
    if(month == 12)
    {
        month = 0;
        year++;
    }*/

上一篇：項目添加

下一篇：無聊，寫了個日歷程序，歡迎拍磚

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：德化县| 栾川县| 秭归县| 呼玛县| 万山特区| 保康县| 广宁县| 阆中市| 万盛区| 广元市| 大城县| 德安县| 华阴市| 礼泉县| 巨鹿县| 崇州市| 沧源| 柏乡县| 启东市| 吴川市| 长治市| 双柏县| 清徐县| 赫章县| 陕西省| 卢湾区| 泗阳县| 丹阳市| 巴青县| 沂水县| 鞍山市| 桃江县| 克山县| 辽中县| 利辛县| 咸丰县| 武邑县| 古田县| 墨脱县| 建宁县| 嵩明县|

<td id="wchf9"></td>

<td id="wchf9"><tr id="wchf9"></tr></td>

<sub id="wchf9"><tr id="wchf9"><div id="wchf9"></div></tr></sub>