日付時刻 js control_time 日付

コードをコピー コードは次のとおりです: /**//** *このカレンダー選択コントロールは、以前の経験に基づいて tiannet によって完成されました。コードのほとんどは meizz のカレンダー コントロールから来ています。 *tiannet には、時間選択機能、選択、オブジェクト ラベルの非表示機能、その他の小さな機能が追加されました。 *使用法: * (1) 日付のみを選択 * (2) 日付と時 * (3)日付、時、分を選択 *パラメータの設定方法 * (1) 日付区切り文字を設定します setDateSplit(strSplit); (2) 設定します日付と時刻の間の区切り文字 setDateTimeSplit(strSplit); デフォルトは " " * (3) 時刻区切り文字を設定します setTimeSplit(strSplit); デフォルトは ":" * (4) Set ( 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 plain #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; 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;" #CCCCCC;border-top:1 実線 #CCCCCC;border -right:1 実線 #999999;border-bottom:1 実線 #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 tiannetDateNow.getMonth() 1;月を定義する変数 var tiannetDay = tiannetDateNow.getDate(); var tiannetDateNow.getHours(); var tiannetDateNow.getMinutes(); 🎜>var tiannetArrDay=new Array(42); //日付を書き込むための配列を定義します var tiannetDateSplit = "-"; //日付の区切り文字 var tiannetDateTimeSplit = " "; and time var tiannetTimeSplit = ":"; //時刻の区切り記号 var tiannetOutObject //日付と時刻を受け取るオブジェクト var arrTiannetHide = new Array();// be hidden var m_bolShowHour = false;//時間を表示するかどうか var m_bolShowMinute = false;//分を表示するかどうか

setRealDayCount();//実際の日を設定します今月の tiannetWriteHead() ; var strDateFont1 = "", strDateFont2 = "" //日付表示スタイルを処理します for (var i = 0; i var day1 = 1; var firstday = new Date(yy,mm-1,1).getDay();特定の月の最初の日の週 for (var i = firstday; day1 tiannetArrDay[i]=day1;day1 ; } //その日の最後の行を表示するために使用される場合 最初のセルの値が空の場合、行全体が非表示になります。 //if(tiannetArrDay[35] == ""){ // document.all.trTiannetDay5.style.display = "none"; //} else { // ドキュメント.all.trTiannetDay5.style.display = ""; //} for (var i = 0; i var da = eval("document.all.tdTiannetDay " i) //新しい月の日付と週の並びを書く if (tiannetArrDay[i]!="") { //週末かどうかを判断し、週末であれば変更する赤色のフォントに if(i % 7 == 0 || (i 1) % 7 == 0){ strDateFont1 = " " strDateFont2 = " " } else { strDateFont1 = ""; strDateFont2 = "" } da.innerHTML = strDateFont1 tiannetArrDay[i] strDateFont2; //If itは現在選択されている日です。次に色を変更します。 if(tiannetArrDay[i] == tiannetDay ) { da.style.backgroundColor = "#CCCCCC"; else { da.style .backgroundColor = "#EFEFEF" ; } da.style.cursor="hand" } else { da.innerHTML="";da.style.backgroundColor="";da .style.cursor="default " } }//end for tiannetSetValue(false);//テキスト ボックスに値を割り当てますが、このコントロールは非表示にしないでください }// end function tiannetSetDay //オプション値の選択オプションに応じて function checkSelect(objSelect,selectValue) { var count = parseInt(objSelect.length) if( selectValue selectValue = selectValue.substring(1,2); } for(var i = 0;i if (objSelect.options[i].value == selectValue){ objSelect.selectedIndex = i; } }// } //年、月、時、分などのドロップダウン ボックス function selectObject(){ //年が許容される最小年より小さい場合は、対応するオプションを作成します。 if( tiannetyear for( var i = tiannet年;i createOption(document.all.selTian年,i,i "年"); tiannet年St = tiannet年; } //年が最大許容年を超えている場合は、対応するオプションを作成します if( tiannetyear > tiannetyearEnd ) { for( var i = tiannet YearEnd 1;i createOption(document.all.selTian Year,i,i "年"); } tiannetyearEnd = tiannet Year; checkSelect(document.all.selTianMonth,tiannetMonth); if(m_bolShowHour) checkSelect(document.all.selTianHour,tiannetHour); if(m_bolShowMinute) tiannetMinute); } //日付と時刻を受け入れるコントロールに値を割り当てます //パラメータ bolHideControl - コントロールを非表示にするかどうか 関数 tiannetSetValue(bolHideControl){ var value = ""; if( !tiannetDay || tiannetDay == "" ){ 戻り値; var mm = var日 = tiannetDay; if( mm 値 = tiannetDateSplit mm tiannetDateSplit 日 if ( m_bolShowHour ){ var 時間 = tiannetHour.toString; ().length == 1 ) 時間 = "0" 時間; 値 = tiannetDateTimeSplit 時間; if( m_bolShowMinute ){ var minutes = tiannetMinute; ; 10 && 分.toString().length == 1 ) 分 = "0" 分 値 = tiannetTimeSplit 分 //document.all; .divTiannetDate.style.display = "none"; if( bolHideControl ) { tiannetHideControl() ; } } //時刻を表示するかどうか 関数 showTime( ){ if( !m_bolShowHour && m_bolShowMinute){ alert("分を選択したい場合は、時間を選択してください。"); return; } hideElementsById(new Array("tiannetHourHead","selTianHour","tiannetMinuteHead","selTianMinute"),true); if( m_bolShowHour ){ //時間を表示 hideElementsById(new Array("tiannetHourHead"),false); } if( m_bolShowMinute){ //分を表示 hideElementsById(new Array("tiannetMinuteHead) "),false); } } // ユーザーが選択できるようにカレンダー選択コントロールをポップアップします function tiannetPopCalendar(){ // ドロップダウン ボックスを非表示にします対応するヘッドを表示します hideElementsById(new Array("selTian Year","selTianMonth","selTianHour","selTianMinute"),true); tiannetHourHead"," tiannetMinuteHead"),false); tiannetSetDay(tiannet Year,tiannetMonth); tiannetWriteHead(); showTime(); var gods = document.all.divTiannetDate.style; var iX , iY;

var h = document.all.divTiannetDate.offsetHeight; var w = document.all.divTiannetDate.offsetWidth; if ( window.event. x h > document.body.offsetWidth - 10 ) else iX = window.event.x 5; (iX iX=0; //先頭を計算します iY = window.event.y; if (window.event.y w > document.body.offsetHeight - 10 ) iY = document.body.scrollTop document.body.offsetHeight - w - 5 ; else iY = document.body.scrollTop window.event.y 5; 0) iY=0; dads.top = iY; selectObject();カレンダーコントロールを非表示にする(強制的に非表示にしたラベルも表示する) function tiannetHideControl(){ document.all.divTiannetDate.style.display = "none"; arrTiannetHide = new Array (); //非表示のラベル オブジェクトをクリアします } //カレンダー コントロールを表示します (隠れたラベルを非表示にします) function tiannetShowControl(){ document.all.divTiannetDate.style.display = ""; tiannetHideObject("SELECT"); } // 名前に基づいてタグを非表示にします。コントロールの選択をカバーする場合、オブジェクト function tiannetHideObject(strTagName) {

x = document.all.divTiannetDate.offsetLeft; y = document.all.divTiannetDate.offsetTop; 🎜> h = document.all.divTiannetDate.offsetHeight; w = document.all.divTiannetDate.offsetWidth;

for (var i = 0; i {

var obj = document.all.tags(strTagName)[i]; if (! obj || ! obj.offsetParent) >/ / BODY マークに対する要素の相対座標を取得します。 var objLeft = obj.offsetTop; var objHeight = obj.offsetHeight; obj.offsetWidth; var objParent = obj.offsetParent;

while (objParent.tagName.toUpperCase() != "BODY"){ objLeft = objParent.offsetLeft; objParent.offsetTop; objParent = objParent.offsetParent; } //alert("コントロールの左端:" x "左端を選択" (objLeft objWidth) "コントロールの下端:" (y h) "select height:" objTop);

var bolHide = true; if( obj.style.display == "none" || obj.style.visibility == "hidden" || obj.getAttribute( "Author") == " tiannet" ){ //ラベル自体が非表示の場合は、非表示にする必要はありません。コントロール内のドロップダウン ボックスの場合は、非表示にする必要はありません。 bolHide = false; } if( ( (objLeft objWidth) > ){ //arrTiannetHide.push(obj);// 非表示のラベル オブジェクトを記録します arrTiannetHide[arrTiannetHide .length] = obj; obj.style.visibility = "hidden";

} } // 隠しタグを表示 関数 tiannetShowObject (){ for(var i = 0;i //alert(arrTiannetHide[i]); arrTiannetHide[i].style.visibility = "" ; } } //初期化日。 関数 tiannetInitDate(strDate){ var arr = strDate.split(tiannetDateSplit); tiannetyear = arr[0]; tiannetDay = arr[2] ]; } //Clear function tiannetClear(){ tiannetOutObject.value = ""; tiannetHideControl();コントロール 関数 document.onclick(){ with(window.event.srcElement){ if (tagName != "INPUT" && getAttribute("Author") != "tiannet") tiannetHideControl(); } } //ESC キーを押してコントロールを閉じます 関数 document.onkeypress(){ if(event.keyCode == 27 ){ tiannetHideControl(); } } (1) 日付のみを選択

(2)日付と時間を選択 (3) 日付、時、分を選択 🎜>

日付時刻 js control_time 日付

関連記事