DatePicker2

var WebDatePicker2DialogHtml = ""; WebDatePicker2DialogHtml +=""; WebDatePicker2DialogHtml +=""; WebDatePicker2DialogHtml +=""; WebDatePicker2DialogHtml +="DatePicker2"; WebDatePicker2DialogHtml +=""; WebDatePicker2DialogHtml +=""; WebDatePicker2DialogHtml +=""; WebDatePicker2DialogHtml +=""; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +="

"; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +="

√

"; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +="

"; WebDatePicker2DialogHtml +="

x

"; WebDatePicker2DialogHtml +="

"; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +="

«

‹

今天

›

»

"; WebDatePicker2DialogHtml +="

"; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +="

日

一

二

三

四

五

六

"; WebDatePicker2DialogHtml +="

"; WebDatePicker2DialogHtml +=" "; WebDatePicker2DialogHtml +="

"; WebDatePicker2DialogHtml +="

"; WebDatePicker2DialogHtml +=""; WebDatePicker2DialogHtml +=""; document.writeln("\n"); var WebDatePicker2Iframe = window.frames("WebDatePicker2_DialogDivFrame"); if(WebDatePicker2Iframe != null) { with(WebDatePicker2Iframe) { document.writeln(WebDatePicker2DialogHtml); document.close(); } } function WebDatePickerDialog() { this.Dialog = document.getElementById("WebDatePicker2_DialogDiv"); this.DialogDocument = window.frames("WebDatePicker2_DialogDivFrame").document; this.MonthNames = new Array('一','二','三','四','五','六','七','八','九','十','十一','十二'); this.MonthFullNames = new Array('一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'); this.IsShowTime = false; this._date = new Date(); this._showdate = null; // this.Year = ""; // this.Month = ""; // this.Day = ""; // this.Minute = ""; // this.Second = ""; this.onchange = null; this._oldStyleClass = null; var me = this; this._GetDialogElement = function(id) { return me.DialogDocument.getElementById(id); } this.DialogTable = me._GetDialogElement("dialog_table"); this.HeaderMonth = me._GetDialogElement("dialog_headermonth"); this.HeaderYear = me._GetDialogElement("dialog_headeryear"); this.MonthTitle = me._GetDialogElement("dialog_month"); this.SelectMonth = me._GetDialogElement("select_month"); this.YearTitle = me._GetDialogElement("dialog_year"); this.SelectYear = me._GetDialogElement("select_year"); this.CloseButton = me._GetDialogElement("dialog_close"); this.SaveButton = me._GetDialogElement("dialog_save"); this.PreYearButton = me._GetDialogElement("dialog_preyear"); this.PreMonthButton = me._GetDialogElement("dialog_premonth"); this.TodayButton = me._GetDialogElement("dialog_today"); this.NextMonthButton = me._GetDialogElement("dialog_nextmonth"); this.NextYearButton = me._GetDialogElement("dialog_nextyear"); this.DaysTable = me._GetDialogElement("dialog_day"); this.TimeArea = me._GetDialogElement("dialog_time"); this.SelectHour = me._GetDialogElement("dialog_hour"); this.SelectMinute = me._GetDialogElement("dialog_minute"); this.SetLocation = function(x, y) { var o = me.Dialog.style; o.left = x; o.top = y; } this.ShowDialog = function() { me._showdate = me._date; me.RefreshDialog(); var o = me.Dialog.style; o.display=""; } this.HideDialog = function() { var o = me.Dialog.style; o.display="none"; } this.GetDate = function() { return me._date; } this.PutDate = function(vValue) { me._date = vValue; } this.SetDate = function(vValue) { me.PutDate(vValue); if(me.GetDate != vValue) { me.setChanged(); } } this.setChanged = function() { if(me.onchange != null && typeof(me.onchange) == 'function') { me.onchange(me); } } this.HeaderMouseOver = function() { me._oldStyleClass = this.className; this.className = "Calendar_HeaderMouseOver"; } this.HeaderMouseOut = function() { this.className = me._oldStyleClass; } this.MonthTitle.onmouseover = this.HeaderMouseOver; this.MonthTitle.onmouseout = this.HeaderMouseOut; this.YearTitle.onmouseover = this.HeaderMouseOver; this.YearTitle.onmouseout = this.HeaderMouseOut; this.CloseButton.onmouseover = this.HeaderMouseOver; this.CloseButton.onmouseout = this.HeaderMouseOut; this.PreYearButton.onmouseover = this.HeaderMouseOver; this.PreYearButton.onmouseout = this.HeaderMouseOut; this.PreMonthButton.onmouseover = this.HeaderMouseOver; this.PreMonthButton.onmouseout = this.HeaderMouseOut; this.TodayButton.onmouseover = this.HeaderMouseOver; this.TodayButton.onmouseout = this.HeaderMouseOut; this.NextMonthButton.onmouseover = this.HeaderMouseOver; this.NextMonthButton.onmouseout = this.HeaderMouseOut; this.NextYearButton.onmouseover = this.HeaderMouseOver; this.NextYearButton.onmouseout = this.HeaderMouseOut; this.CellClick = function() { //me._date = new Date((me._showdate.getMonth()+1) +"/"+ this.innerHTML +"/"+ me._showdate.getFullYear()); me._date = new Date(me._showdate.getFullYear(), me._showdate.getMonth(), this.innerHTML, me.SelectHour.options[me.SelectHour.selectedIndex].text, me.SelectMinute.options[me.SelectMinute.selectedIndex].text); me.YearTitle.style.display=""; me.SelectYear.style.display = "none"; me.MonthTitle.style.display=""; me.SelectMonth.style.display = "none"; me.setChanged(); } this.CellMouseOver = function() { me._oldStyleClass = this.className; this.className = "Calendar_DaysMouseOver"; } this.CellMouseOut = function() { this.className = me._oldStyleClass; } this.RefreshDialog = function() { var _showYear = me._showdate.getFullYear(); var _showMonth = me._showdate.getMonth(); var _showDay = me._showdate.getDate(); var _showHour = me._showdate.getHours(); var _showMinutes = me._showdate.getMinutes(); if(me.IsShowTime == true) { me.TimeArea.style.display =""; } else { me.TimeArea.style.display ="none"; } me.MonthTitle.innerHTML = me.MonthFullNames[_showMonth]; me.YearTitle.innerHTML = _showYear; while(me.DaysTable.rows.length >0) { me.DaysTable.deleteRow(0); } var MonthFirstDay=new Date(_showYear,_showMonth,1); var firstDayAtWeek = MonthFirstDay.getDay(); var MonthNextFirstDay=new Date(_showMonth,_showMonth+1,1); var MonthLastDay=new Date(MonthNextFirstDay-86400000); var MonthDaysCount = MonthLastDay.getDate(); var rowCount = (firstDayAtWeek + MonthDaysCount) > 35 ? 6: 5; var writeCount = 0; for(var x=0; x 0) { var newCell=newRow.insertCell(newRow.cells.length); newCell.innerHTML = " "; newCell.className = "Calendar_Days"; newCell.style.width = "28px" firstDayAtWeek--; } else { if(writeCount < MonthDaysCount) { var newCell=newRow.insertCell(newRow.cells.length); newCell.innerHTML = (writeCount+1).toString(); newCell.style.width = "28px"; if((_showYear == me._date.getFullYear())&&(_showMonth == me._date.getMonth())&&((writeCount+1) == _showDay)) { newCell.className = "Calendar_SelectedDay"; } else if((_showYear == new Date().getFullYear())&&(_showMonth == new Date().getMonth())&&((writeCount+1) == new Date().getDate())) { newCell.className = "Calendar_Today"; } else if((y==0)||(y==6)) { newCell.className = "Calendar_Holiday"; } else { newCell.className = "Calendar_Days"; } writeCount++; } else { var newCell=newRow.insertCell(newRow.cells.length); newCell.innerHTML = " "; newCell.style.width = "28px" newCell.className = "Calendar_Days"; } } } } for(var i =0; i < me.DaysTable.rows.length; i++) { var row = me.DaysTable.rows[i]; for(var j =0; j < row.cells.length; j++) { var cell = row.cells[j] if(cell.innerHTML != " ") { cell.onclick = me.CellClick; cell.onmouseover = me.CellMouseOver; cell.onmouseout = me.CellMouseOut; } } } var DialogHeight = 155; if(rowCount == 6) { DialogHeight += 18; } if(me.IsShowTime == true) { DialogHeight += 21; me.SelectHour.selectedIndex = _showHour; me.SelectMinute.selectedIndex = _showMinutes; } me.Dialog.style.height = DialogHeight+"px"; } } function WebDatePickerDialog_Init() { var dialog = new WebDatePickerDialog(); for(var i=1; i<13;i++) { var opt = document.createElement('OPTION'); opt.value = i; opt.text = i; dialog.SelectMonth.options.add(opt); } for(var i=1930; i<2030;i++) { var opt = document.createElement('OPTION'); opt.value = i; opt.text = i; dialog.SelectYear.options.add(opt); } dialog.SaveButton.onclick = function() { dialog.PutDate(new Date(dialog.GetDate().getFullYear(), dialog.GetDate().getMonth(), dialog.GetDate().getDate(), dialog.SelectHour.options[dialog.SelectHour.selectedIndex].text, dialog.SelectMinute.options[dialog.SelectMinute.selectedIndex].text)); dialog.YearTitle.style.display=""; dialog.SelectYear.style.display = "none"; dialog.MonthTitle.style.display=""; dialog.SelectMonth.style.display = "none"; dialog.setChanged(); } dialog.CloseButton.onclick = function() { dialog.YearTitle.style.display=""; dialog.SelectYear.style.display = "none"; dialog.MonthTitle.style.display=""; dialog.SelectMonth.style.display = "none"; dialog.HideDialog(); } dialog.MonthTitle.onclick = function() { var showMonth = dialog._showdate.getMonth(); dialog.SelectMonth.options[showMonth].selected = true; dialog.YearTitle.style.display=""; dialog.SelectYear.style.display = "none"; dialog.MonthTitle.style.display="none"; dialog.SelectMonth.style.display = ""; } dialog.YearTitle.onclick = function() { var showYear = dialog._showdate.getFullYear(); for(var i=0; i