📄 calendar.js
字号:
/**//**
*????????????????tiannet????????????????????????????????????meizz????????????
*tiannet????????????????????select,object??????????????????????????????
*??????????
* (1)?????????? <input type="text" name="date" readOnly onClick="setDay(this);">
* (2)?????????????? <input type="text" name="dateh" readOnly onClick="setDayH(this);">
* (3)???????????????????? <input type="text" name="datehm" readOnly onClick="setDayHM(this);">
*??????????????
* (1)?????????????? setDateSplit(strSplit);??????"-"
* (2)?????????????????????????? setDateTimeSplit(strSplit);??????" "
* (3)?????????????? setTimeSplit(strSplit);??????":"
* (4)????(1),(2),(3)?????????? setSplit(strDateSplit,strDateTimeSplit,strTimeSplit);
* (5)?????????????????? setYearPeriod(intDateBeg,intDateEnd)
*??????
* ????????????????????????????2005-02-02 08:08
*/
//------------------ ???????? ---------------------------//
//????????????????
var s_tiannet_turn_base = "height:16px;font-size:9pt;color:white;border:0 solid #CCCCCC;cursor:hand;background-color:#2650A6;";
//????????????????
var s_tiannet_turn = "width:28px;" + s_tiannet_turn_base;
//????????????????????
var s_tiannet_turn2 = "width:22px;" + s_tiannet_turn_base;
//????????????
var s_tiannet_select = "width:64px;display:none;";
//????????????????????
var s_tiannet_select2 = "width:46px;display:none;";
//????????????????????
var s_tiannet_body = "width:150;background-color:#2650A6;display:none;z-index:9998;position:absolute;" +
"border-left:1 solid #CCCCCC;border-top:1 solid #CCCCCC;border-right:1 solid #999999;border-bottom:1 solid #999999;";
//????????td??????
var s_tiannet_day = "width:21px;height:20px;background-color:#D8F0FC;font-size:10pt;";
//????????
var s_tiannet_font = "color:#FFCC00;font-size:9pt;cursor:hand;";
//??????????
var s_tiannet_link = "text-decoration:none;font-size:9pt;color:#2650A6;";
//????
var s_tiannet_line = "border-bottom:1 solid #6699CC";
//------------------ ???????? ---------------------------//
var tiannetYearSt = 1950;//????????????????
var tiannetYearEnd = 2010;//????????????????
var tiannetDateNow = new Date();
var tiannetYear = tiannetDateNow.getFullYear(); //????????????????????
var tiannetMonth = tiannetDateNow.getMonth()+1; //????????????????????
var tiannetDay = tiannetDateNow.getDate();
var tiannetHour = 8;//tiannetDateNow.getHours();
var tiannetMinute = 0;//tiannetDateNow.getMinutes();
var tiannetArrDay=new Array(42); //????????????????
var tiannetDateSplit = "-"; //??????????????
var tiannetDateTimeSplit = " "; //??????????????????????
var tiannetTimeSplit = ":"; //??????????????
var tiannetOutObject; //??????????????????
var arrTiannetHide = new Array();//????????????????
var m_bolShowHour = false;//????????????
var m_bolShowMinute = false;//????????????
var m_aMonHead = new Array(12); //??????????????????????????
m_aMonHead[0] = 31; m_aMonHead[1] = 28; m_aMonHead[2] = 31; m_aMonHead[3] = 30; m_aMonHead[4] = 31; m_aMonHead[5] = 30;
m_aMonHead[6] = 31; m_aMonHead[7] = 31; m_aMonHead[8] = 30; m_aMonHead[9] = 31; m_aMonHead[10] = 30; m_aMonHead[11] = 31;
// ---------------------- ???????????????? -----------------------------//
//????????????????????????
function setDay(obj){
tiannetOutObject = obj;
//??????????????????????????????????????
var strValue = tiannetTrim(tiannetOutObject.value);
if( strValue != "" ){
tiannetInitDate(strValue);
}
tiannetPopCalendar();
}
//????????????????????????????
function setDayH(obj){
tiannetOutObject = obj;
m_bolShowHour = true;
//????????????????????????????????????????????
var strValue = tiannetTrim(tiannetOutObject.value);
if( strValue != "" ){
tiannetInitDate(strValue.substring(0,10));
var hour = strValue.substring(11,13);
if( hour < 10 ) tiannetHour = hour.substring(1,2);
}
tiannetPopCalendar();
}
//??????????????????????????????????
function setDayHM(obj){
tiannetOutObject = obj;
m_bolShowHour = true;
m_bolShowMinute = true;
//??????????????????????????????????????????????????
var strValue = tiannetTrim(tiannetOutObject.value);
if( strValue != "" ){
tiannetInitDate(strValue.substring(0,10));
var time = strValue.substring(11,16);
var arr = time.split(tiannetTimeSplit);
tiannetHour = arr[0];
tiannetMinute = arr[1];
if( tiannetHour < 10 ) tiannetHour = tiannetHour.substring(1,2);
if( tiannetMinute < 10 ) tiannetMinute = tiannetMinute.substring(1,2);
}
tiannetPopCalendar();
}
//??????????????????????
function setYearPeriod(intDateBeg,intDateEnd){
tiannetYearSt = intDateBeg;
tiannetYearEnd = intDateEnd;
}
//??????????????????????"-"
function setDateSplit(strDateSplit){
tiannetDateSplit = strDateSplit;
}
//??????????????????????????????????" "
function setDateTimeSplit(strDateTimeSplit){
tiannetDateTimeSplit = strDateTimeSplit;
}
//??????????????????????":"
function setTimeSplit(strTimeSplit){
tiannetTimeSplit = strTimeSplit;
}
//??????????
function setSplit(strDateSplit,strDateTimeSplit,strTimeSplit){
tiannetDateSplit(strDateSplit);
tiannetDateTimeSplit(strDateTimeSplit);
tiannetTimeSplit(strTimeSplit);
}
//????????????????????????YYYY-MM-DD
function setDefaultDate(strDate){
tiannetYear = strDate.substring(0,4);
tiannetMonth = strDate.substring(5,7);
tiannetDay = strDate.substring(8,10);
}
//????????????????????????HH24:MI
function setDefaultTime(strTime){
tiannetHour = strTime.substring(0,2);
tiannetMinute = strTime.substring(3,5);
}
// ---------------------- end ???????????????? -----------------------------//
//------------------ begin ???????????? ---------------------------//
var weekName = new Array("??","??","??","??","??","??","??");
document.write('<div id="divTiannetDate" style="'+s_tiannet_body+'" style="????????????????tiannet??????????????????????">');
document.write('<div align="center" id="divTiannetDateText" Author="tiannet" style="padding-top:2px;">');
document.write('<span id="tiannetYearHead" Author="tiannet" style="'+s_tiannet_font+'" '+
'onclick="spanYearCEvent();"> ??</span>');
document.write('<select id="selTianYear" style="'+s_tiannet_select+'" Author="tiannet" '+
' onChange="tiannetYear=this.value;tiannetSetDay(tiannetYear,tiannetMonth);document.all.tiannetYearHead.style.display=\'\';'+
'this.style.display=\'none\';">');
for(var i=tiannetYearSt;i <= tiannetYearEnd;i ++){
document.writeln('<option value="' + i + '">' + i + '??</option>');
}
document.write('</select>');
document.write('<span id="tiannetMonthHead" Author="tiannet" style="'+s_tiannet_font+'" '+
'onclick="spanMonthCEvent();"> ??</span>');
document.write('<select id="selTianMonth" style="'+s_tiannet_select2+'" Author="tiannet" '+
'onChange="tiannetMonth=this.value;tiannetSetDay(tiannetYear,tiannetMonth);document.all.tiannetMonthHead.style.display=\'\';'+
'this.style.display=\'none\';">');
for(var i=1;i <= 12;i ++){
document.writeln('<option value="' + i + '">' + i + '??</option>');
}
document.write('</select>');
//document.write('</div>');
//document.write('<div align="center" id="divTiannetTimeText" Author="tiannet">');
document.write('<span id="tiannetHourHead" Author="tiannet" style="'+s_tiannet_font+'display:none;" '+
'onclick="spanHourCEvent();"> ??</span>');
document.write('<select id="selTianHour" style="'+s_tiannet_select2+'display:none;" Author="tiannet" '+
' onChange="tiannetHour=this.value;tiannetWriteHead();document.all.tiannetHourHead.style.display=\'\';' +
'this.style.display=\'none\';">');
for(var i=0;i <= 23;i ++){
document.writeln('<option value="' + i + '">' + i + '??</option>');
}
document.write('</select>');
document.write('<span id="tiannetMinuteHead" Author="tiannet" style="'+s_tiannet_font+'display:none;" '+
'onclick="spanMinuteCEvent();"> ??</span>');
document.write('<select id="selTianMinute" style="'+s_tiannet_select2+'display:none;" Author="tiannet" '+
' onChange="tiannetMinute=this.value;tiannetWriteHead();document.all.tiannetMinuteHead.style.display=\'\';'+
'this.style.display=\'none\';">');
for(var i=0;i <= 59;i ++){
document.writeln('<option value="' + i + '">' + i + '??</option>');
}
document.write('</select>');
document.write('</div>');
//????????????
document.write('<div style="'+s_tiannet_line+'"></div>');
document.write('<div align="center" id="divTiannetTurn" style="border:0;" Author="tiannet">');
document.write('<input type="button" style="'+s_tiannet_turn+'" value="????" title="??????" onClick="tiannetPrevYear();">');
document.write('<input type="button" style="'+s_tiannet_turn+'" value="????" title="??????" onClick="tiannetNextYear();"> ');
document.write('<input type="button" style="'+s_tiannet_turn+'" value="????" title="??????" onClick="tiannetPrevMonth();">');
document.write('<input type="button" style="'+s_tiannet_turn+'" value="????" title="??????" onClick="tiannetNextMonth();">');
document.write('</div>');
//????????????
document.write('<div style="'+s_tiannet_line+'"></div>');
document.write('<table border=0 cellspacing=0 cellpadding=0 bgcolor=white onselectstart="return false">');
document.write(' <tr style="background-color:#2650A6;font-size:10pt;color:white;height:22px;" Author="tiannet">');
for(var i =0;i < weekName.length;i ++){
//????????
document.write('<td width="21" align="center" Author="tiannet">' + weekName[i] + '</td>');
}
document.write(' </tr>');
document.write('</table>');
//????????????
document.write('<table border=0 cellspacing=1 cellpadding=0 bgcolor=white onselectstart="return false">');
var n = 0;
for (var i=0;i<5;i++) {
document.write (' <tr align=center id="trTiannetDay' + i + '" >');
for (var j=0;j<7;j++){
document.write('<td align="center" id="tdTiannetDay' + n + '" '+
'onClick="tiannetDay=this.innerText;tiannetSetValue(true);" '
+' style="' + s_tiannet_day + '"> </td>');
n ++;
}
document.write (' </tr>');
}
document.write (' <tr align=center id="trTiannetDay5" >');
document.write('<td align="center" id="tdTiannetDay35" onClick="tiannetDay=this.innerText;tiannetSetValue(true);" '
+' style="' + s_tiannet_day + '"> </td>');
document.write('<td align="center" id="tdTiannetDay36" onClick="tiannetDay=this.innerText;tiannetSetValue(true);" '
+' style="' + s_tiannet_day + '"> </td>');
document.write('<td align="right" colspan="5"><a href="javascript:tiannetClear();" style="' + s_tiannet_link + '">????</a>'+
' <a href="javascript:tiannetHideControl();" style="' + s_tiannet_link + '">????</a>' +
' <a href="javascript:tiannetSetValue(true);" style="' + s_tiannet_link + '">????</a> ' +
'</td>');
document.write (' </tr>');
document.write('</table>');
document.write('</div>');
//------------------ end ???????????? ---------------------------//
//------------------ ??????????????span???????????? ---------------------------//
//????????span????????
function spanYearCEvent(){
// hideElementsById(new Array("selTianYear","tiannetMonthHead"),false);
//if(m_bolShowHour) hideElementsById(new Array("tiannetHourHead"),false);
// if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);
// hideElementsById(new Array("tiannetYearHead","selTianMonth","selTianHour","selTianMinute"),true);
}
//????????span????????
function spanMonthCEvent(){
// hideElementsById(new Array("selTianMonth","tiannetYearHead"),false);
// if(m_bolShowHour) hideElementsById(new Array("tiannetHourHead"),false);
// if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);
// hideElementsById(new Array("tiannetMonthHead","selTianYear","selTianHour","selTianMinute"),true);
}
//????????span????????
function spanHourCEvent(){
hideElementsById(new Array("tiannetYearHead","tiannetMonthHead"),false);
if(m_bolShowHour) hideElementsById(new Array("selTianHour"),false);
if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);
hideElementsById(new Array("tiannetHourHead","selTianYear","selTianMonth","selTianMinute"),true);
}
//????????span????????
function spanMinuteCEvent(){
hideElementsById(new Array("tiannetYearHead","tiannetMonthHead"),false);
if(m_bolShowHour) hideElementsById(new Array("tiannetHourHead"),false);
if(m_bolShowMinute) hideElementsById(new Array("selTianMinute"),false);
hideElementsById(new Array("tiannetMinuteHead","selTianYear","selTianMonth","selTianHour"),true);
}
//????????id??????????????
function hideElementsById(arrId,bolHide){
var strDisplay = "";
if(bolHide) strDisplay = "none";
for(var i = 0;i < arrId.length;i ++){
var obj = document.getElementById(arrId[i]);
obj.style.display = strDisplay;
}
}
//------------------ end ??????????????span???????????? ---------------------------//
//??????????????????
function isPinYear(year){
var bolRet = false;
if (0==year%4&&((year%100!=0)||(year%400==0))) {
bolRet = true;
}
return bolRet;
}
//????????????????????????29??
function getMonthCount(year,month){
var c=m_aMonHead[month-1];
if((month==2)&&isPinYear(year)) c++;
return c;
}
//??????????????????????????????????????????????????????????????????
function setRealDayCount() {
if( tiannetDay > getMonthCount(tiannetYear,tiannetMonth) ) {
//????????????????????????????????????????????
tiannetDay = getMonthCount(tiannetYear,tiannetMonth);
}
}
//??????????????
function addZero(value){
if(value < 10 ){
value = "0" + value;
}
return value;
}
//????????
function tiannetTrim(str) {
return str.replace(/(^\s*)|(\s*$)/g,"");
}
//??select????????option
function createOption(objSelect,value,text){
var option = document.createElement("OPTION");
option.value = value;
option.text = text;
objSelect.options.add(option);
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -