ホームページ ウェブフロントエンド jsチュートリアル IE6,7,8,9と互換性のあるJSタイムピッカー_時刻と日付

IE6,7,8,9と互換性のあるJSタイムピッカー_時刻と日付

May 16, 2016 pm 05:52 PM
タイムピッカー

オンライン デモ: http://demo.jb51.net/js/2012/js_date/

コードをコピーコードは次のとおりです:



入力ボックスに自動的に追加されます <br><meta http-equiv= " -Type" content="text/html;charset=gb2312"> <br><script type="text/javascript"> <br>var gMonths=new Array("1 月","2 月 ","3 月) ","4月","5月","6月","7月","8月","9月","10月","11月","10月" 2月"); <br>var WeekDay=new Array( "日","一","二","三","四","五","六"); <br>var strToday="今日"; 🎜>var strMonth="月"; <br>var splitChar="-"; <br>var endyear=2050; =12; <br>var gcNotCurMonth="#FF0000"; <br> var gcWorkDay="#444444"; "#79D0FF"; <br>var gcToday="#444444"; <br>var gcTodayMouseOut="#79D0FF"; 🎜>var gdCtrl=new Object(); <br>var goSelectTag=new Array(); <br>var gi Year=gdCurDate.getFull Year(); gdCurDate.getMonth() 1; <br>var giDay=gdCurDate.getDate(); <br>function $(){var elements=new Array();for (var i=0;i<arguments.length element="arguments[i];if(typeof(arguments[i])=='string'){element=document.getElementById(arguments[i])">Array.prototype.Push=function(){var startLength=this.length;for( var i=0;i<arguments.length this i this.length>String.prototype.HexToDec=function(){return parseInt(this, 16);} <br>String.prototype.cleanBlank=function (){return this.isEmpty()?"":this.replace(/s/g,"");} <br>function checkColor(){var color_tmp=(arguments[0] "").replace(/ s/g,"").toUpperCase();var model_tmp1=arguments[1].toUpperCase();var model_tmp2="rgb(" argument[1].substring(1,3).HexToDec() "," 引数[1].substring(1,3).HexToDec() "," argument[1].substring(5).HexToDec() ")";model_tmp2= model_tmp2.toUpperCase();if(color_tmp==model_tmp1 || color_tmp==model_tmp2){return true;}return false;} <br>function $V(){return $(arguments[0]).value;} <br>function fPopCalendar(evt,popCtrl,dateCtrl){evt. cancelBubble=true;gdCtrl=dateCtrl;fSet YearMon(gi Year,giMonth);var point=fGetXY(popCtrl);with($("calendardiv").style){left =point.x "px";top=(point.y PopCtrl.offsetHeight 1) "px";visibility='visible';zindex='99';position='absolute';}$("calendardiv").focus ();} <br>function fSetDate(i Year, iMonth, iDay){var iMonthNew=new String(iMonth);var iDayNew=new String(iDay);if(iMonthNew.length<2){iMonthNew="0" iMonthNew ;}if(iDayNew.length<2){iDayNew=" 0" iDayNew;}gdCtrl.value=i Year SplitChar iMonthNew SplitChar iDayNew;fHideCalendar();} <BR>function fHideCalendar(){$("calendardiv").style .visibility="hidden";for(var i=0; i<goSelectTag.length;i ){goSelectTag[i].style.visibility="visible";}goSelectTag.length=0;} <BR>function fSetSelected( ){var iOffset=0;var iyear=parseInt($( "tbSel Year").value);var iMonth=parseInt($("tbSelMonth").value);var aCell=$("cellText" argument[0]) ;aCell.bgColor=gcMouseOut;with(aCell){var iDay =parseInt(innerHTML);if(checkColor(style.color,gcNotCurMonth)){iOffset=(innerHTML>10)?-1:1;}iMonth =iOffset; if(iMonth12){iyear ;iMonth=1;}}fSetDate(iyear,iMonth,iDay);} <br>function Point(iX, iY){this.x=iX;this.y=iY ;} <br>function fBuildCal(iyear,iMonth){var aMonth=new Array();for(var i=1;ifunction fDrawCal(iyear,iMonth,iCellHeight,iDateTextSize){ var colorTD=" bgcolor='" gcMouseOut "' bordercolor=' " gcMouseOut "'";var styleTD=" valign='middle' align='center' style='height:" iCellHeight "px;font-weight:bolder; font-size:" iDateTextSize "px;";var dateCal= "";dateCal ="<tr>";for(var i=0;i<7;i ){dateCal ="<td" colorTD styleTD " color:#990099'>" WeekDay[i] ;/td>";}dateCal ="";for(var w=1;w";for(var d=0;d関数 fUpdateCal(iyear,iMonth){var myMonth=fBuildCal(iyear,iMonth);var i=0;for(var w=1;w<7;w ){for(var d=0;d<7 ;d ){with($("cellText" w "" d)){parentNode.bgColor=gcMouseOut;parentNode.borderColor=gcMouseOut;parentNode.onmouseover=function(){this.bgColor=gcMouseOver;};parentNode.onmouseout= function(){this.bgColor=gcMouseOut;};if(myMonth[w][d]<0){style.color=gcNotCurMonth;innerHTML=Math.abs(myMonth[w][d]);}else{ style.color=((d==0)||(d==6))?gcRestDay:gcWorkDay;innerHTML=myMonth[w][d];if(i Year==gi Year && iMonth==giMonth && myMonth[w ][d]==giDay){style.color=gcToday;parentNode.bgColor=gcTodayMouseOut;parentNode.onmouseover=function(){this.bgColor=gcTodayMouseOver;};parentNode.onmouseout=function(){this.bgColor=gcTodayMouseOut ;};}}}}}} <BR>関数 fSetyearMon(iyear,iMon){$("tbSelMonth").options[iMon-1].selected=true;for(var i=0;i<$(" tbSel Year").length;i ){if($("tbSel Year").options[i].value==i Year){$("tbSel Year").options[i].selected=true;}}fUpdateCal(i Year ,iMon);} <BR>function fPrevMonth(){var iMon=$("tbSelMonth").value;var i Year=$("tbSel Year").value;if(--iMon<1){iMon=12; iyear--;}fSet YearMon(i Year,iMon);} <BR>function fNextMonth(){var iMon=$("tbSelMonth").value;var i Year=$("tbSelMonth").value;if( iMon>12 ){iMon=1;iyear ;}fSetyearMon(iyear,iMon);} <BR>function fGetXY(aTag){var oTmp=aTag;var pt=new Point(0,0);do{pt.x =oTmp. offsetLeft;pt.y =oTmp.offsetTop;oTmp=oTmp.offsetParent;}while(oTmp.tagName.toUpperCase()!="BODY");return pt;} <BR>function getDateDiv(){var noSelectForIE="" ;var noSelectForFireFox="";if(document.all){noSelectForIE="onselectstart='return false;'";}else{noSelectForFireFox="-moz-user-select:none;";}var dateDiv=""; dateDiv ="<div id='calendardiv' onclick='event.cancelBubble=true' " noSelectForIE " style='" noSelectForFireFox "position:absolute;z-index:99;visibility:hidden;border:1px Solid #999999; '>";dateDiv ="<table border='0' bgcolor='#E0E0E0'​​ cellpadding='1' cellpacing='1' >";dateDiv ="<tr>";dateDiv ="< td><input type='button' id='PrevMonth' value='<' style='高さ:20px;幅:20px;フォントの太さ:太字;' onclick='fPrevMonth()'>";dateDiv ="</td><td><select id='tbSelyear' style='border:1px Solid;' onchange='fUpdateCal($V("tbSel Year"),$V("tbSelMonth"))'>";for(var i=startyear;i<end Year;i ){dateDiv ="<option value='"私「」> i str Year "</option>";}dateDiv ="</select></td><td>";dateDiv ="<select id='tbSelMonth' style='border:1px Solid;' onchange='fUpdateCal($V("tbSel Year"),$V("tbSelMonth"))'>";for(var i=0;i」 gMonths[i] "</option>";}dateDiv ="</select></td><td>";dateDiv ="<input type='button' id='NextMonth' value= 「>」 style='高さ:20px;幅:20px;フォントの太さ:太字;' onclick='fNextMonth()'>";dateDiv ="</td>";dateDiv ="</tr><tr>";dateDiv ="<td align='center'colspan='4 '>";dateDiv ="<div style='background-color:#cccccc'><表幅='100%' border='0' cellpadding='3' cellpacing='1'>" ;dateDiv =fDrawCal(gi Year,giMonth,dayTdHeight,dayTdTextSize);dateDiv ="</table></div>";dateDiv ="</td>";dateDiv ="</tr><tr> ;<td align='center'colspan='4' nowrap>";dateDiv ="<span style='cursor:pointer;font-weight:bolder;' onclick='fSetDate(gi Year,giMonth,giDay)' onmouseover='this.style.color="" gcMouseOver ""' onmouseout='this.style.color="#000000"'>" strToday ":" gi Year str Year giMonth strMonth giDay strDay "</span>";dateDiv ="</tr></tr>";dateDiv ="</table></div>";return dateDiv ;} <br>with(document){onclick=fHideCalendar;write(getDateDiv());} <br></script> <br></head> <br> <br><input type="text" style="border:1px Solid #999;" onclick="fPopCalendar(event,this,this)" onfocus="this.select()" readonly="readonly" /> <br></body> <br></html> <br></arguments.length></arguments.length> </div> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">このウェブサイトの声明</div> <div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>人気の記事</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780570.html" title="R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780641.html" title="R.E.P.O.最高のグラフィック設定" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.最高のグラフィック設定</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796785841.html" title="アサシンのクリードシャドウズ:シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ:シーシェルリドルソリューション</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780520.html" title="R.E.P.O.誰も聞こえない場合はオーディオを修正する方法" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.誰も聞こえない場合はオーディオを修正する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796779766.html" title="WWE 2K25:Myriseのすべてのロックを解除する方法" class="phpgenera_Details_mainR4_bottom_title">WWE 2K25:Myriseのすべてのロックを解除する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/article.html">もっと見る</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>ホットAIツール</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>リアルなヌード写真を作成する AI 搭載アプリ</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>写真から衣服を削除するオンライン AI ツール。</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>脱衣画像を無料で</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI衣類リムーバー</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>AIヘンタイを無料で生成します。</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/ai">もっと見る</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>人気の記事</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780570.html" title="R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780641.html" title="R.E.P.O.最高のグラフィック設定" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.最高のグラフィック設定</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796785841.html" title="アサシンのクリードシャドウズ:シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ:シーシェルリドルソリューション</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780520.html" title="R.E.P.O.誰も聞こえない場合はオーディオを修正する方法" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.誰も聞こえない場合はオーディオを修正する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796779766.html" title="WWE 2K25:Myriseのすべてのロックを解除する方法" class="phpgenera_Details_mainR4_bottom_title">WWE 2K25:Myriseのすべてのロックを解除する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/article.html">もっと見る</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>ホットツール</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="メモ帳++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_title"> <h3>メモ帳++7.3.1</h3> </a> <p>使いやすく無料のコードエディター</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 中国語版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 中国語版</h3> </a> <p>中国語版、とても使いやすい</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ゼンドスタジオ 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_title"> <h3>ゼンドスタジオ 13.0.1</h3> </a> <p>強力な PHP 統合開発環境</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ドリームウィーバー CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_title"> <h3>ドリームウィーバー CS6</h3> </a> <p>ビジュアル Web 開発ツール</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神レベルのコード編集ソフト(SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/ai">もっと見る</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>ホットトピック</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/gmailyxdlrkzn" title="Gmailメールのログイン入り口はどこですか?" class="phpgenera_Details_mainR4_bottom_title">Gmailメールのログイン入り口はどこですか?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7463</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/cakephp-tutor" title="CakePHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">CakePHP チュートリアル</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1376</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/steamdzhmcssmgs" title="Steamのアカウント名の形式は何ですか" class="phpgenera_Details_mainR4_bottom_title">Steamのアカウント名の形式は何ですか</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>77</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/winactivationkeyper" title="Win11 Activation Key Permanent" class="phpgenera_Details_mainR4_bottom_title">Win11 Activation Key Permanent</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>45</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/newyorktimesdailybrief" title="NYTの接続はヒントと回答です" class="phpgenera_Details_mainR4_bottom_title">NYTの接続はヒントと回答です</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>18</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>18</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/faq/zt">もっと見る</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/774796.html" title="Douyinでタイミング設定を有効にする方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202405/03/2024050303303914226.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Douyinでタイミング設定を有効にする方法" /> </a> <a href="https://www.php.cn/ja/faq/774796.html" title="Douyinでタイミング設定を有効にする方法" class="phphistorical_Version2_mids_title">Douyinでタイミング設定を有効にする方法</a> <span class="Articlelist_txts_time">May 03, 2024 am 03:30 AM</span> <p class="Articlelist_txts_p">Douyin のタイミング設定機能を使用すると、特定の時間に自動的にリリースされるようにビデオを事前に手配できます。この機能を有効にする手順は次のとおりです。 1. ビデオを作成します。 2. スケジュールされたリリースを選択します。 4. 設定を保存します。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/732210.html" title="ライウイとエレメントウイはどちらが良いですか?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202404/02/2024040200001983127.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="ライウイとエレメントウイはどちらが良いですか?" /> </a> <a href="https://www.php.cn/ja/faq/732210.html" title="ライウイとエレメントウイはどちらが良いですか?" class="phphistorical_Version2_mids_title">ライウイとエレメントウイはどちらが良いですか?</a> <span class="Articlelist_txts_time">Apr 02, 2024 am 12:00 AM</span> <p class="Articlelist_txts_p">質問:layui と Element UI の違いは何ですか?回答:layui は低レベルの機能と高速ビルドに重点を置いているのに対し、Element UI は広範なコンポーネント ライブラリとデザイン主導の開発を提供します。 2 つのコンポーネント ライブラリは、サイズ、焦点、スタイルが異なります。最適な使用例は、プロジェクトのニーズと好みによって異なります。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/775307.html" title="Douyinの認証時間設定を変更する方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202405/03/2024050318093822804.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Douyinの認証時間設定を変更する方法" /> </a> <a href="https://www.php.cn/ja/faq/775307.html" title="Douyinの認証時間設定を変更する方法" class="phphistorical_Version2_mids_title">Douyinの認証時間設定を変更する方法</a> <span class="Articlelist_txts_time">May 03, 2024 pm 06:09 PM</span> <p class="Articlelist_txts_p">Douyin では、ユーザーが必要に応じてビデオの公開時間を変更できます。これを認証時間設定と呼びます。具体的な手順は次のとおりです。Douyin アカウントにログインし、個人のホームページに入り、右上隅の「三本線」アイコンをクリックし、「設定」を選択し、「認証時間」を見つけて「認証時間の変更」をクリックします。認証時間を設定し、「保存」をクリックします</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/764909.html" title="Lauiui フレームワークには何が含まれていますか?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202404/26/2024042601241648569.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Lauiui フレームワークには何が含まれていますか?" /> </a> <a href="https://www.php.cn/ja/faq/764909.html" title="Lauiui フレームワークには何が含まれていますか?" class="phphistorical_Version2_mids_title">Lauiui フレームワークには何が含まれていますか?</a> <span class="Articlelist_txts_time">Apr 26, 2024 am 01:24 AM</span> <p class="Articlelist_txts_p">Layui フレームワークには次のモジュールが含まれています: 1. コア モジュール: Lay、$、form、layer; 2. UI コンポーネント モジュール: table、carousel、tab、tree、icon; 3. 拡張ツール モジュール: Upload、laydate、laypage、laytpl 。これらのモジュールは豊富な UI コンポーネントとツールを提供し、開発者に包括的なフロントエンド開発ソリューションを提供します。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/621748.html" title="Layuiを使用して応答時間セレクター機能を実装する方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/169810859942230.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Layuiを使用して応答時間セレクター機能を実装する方法" /> </a> <a href="https://www.php.cn/ja/faq/621748.html" title="Layuiを使用して応答時間セレクター機能を実装する方法" class="phphistorical_Version2_mids_title">Layuiを使用して応答時間セレクター機能を実装する方法</a> <span class="Articlelist_txts_time">Oct 24, 2023 am 08:49 AM</span> <p class="Articlelist_txts_p">Layui を使用してレスポンシブ タイム ピッカー機能を実装する方法 最新の Web 開発では、レスポンシブ デザインが重要なトレンドになっています。モバイル デバイスとデスクトップ デバイスの両方で優れたユーザー エクスペリエンスを提供する Web ページは、レスポンシブ Web ページと呼ばれます。タイムピッカーは Web ページの一般的な機能の 1 つであるため、この記事では、Layui フレームワークを使用して応答性のタイムピッカー機能を実装する方法を紹介します。 Layui は、開発者が迅速に構築できるようにする一連の使いやすい UI コンポーネントを提供する、古典的なモジュラー フロントエンド フレームワークです。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/776404.html" title="Douyin で作品を閉じる期限を設定する方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202405/04/2024050420364841705.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Douyin で作品を閉じる期限を設定する方法" /> </a> <a href="https://www.php.cn/ja/faq/776404.html" title="Douyin で作品を閉じる期限を設定する方法" class="phphistorical_Version2_mids_title">Douyin で作品を閉じる期限を設定する方法</a> <span class="Articlelist_txts_time">May 04, 2024 pm 08:36 PM</span> <p class="Articlelist_txts_p">Douyin での作品を閉じる期限を設定するにはどうすればよいですか?次の手順に従って設定します。 Douyin アプリを開きます。 プロフィールに移動します。 オフにするビデオを選択します。 オプション ボタンをクリックします。 「タイムオフ」を選択します。 オフ時間を設定します。 「OK」をクリックして確認します。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/662934.html" title="Win11 Insider Preview ビルド 23526 がリリースされ、複数の機能更新と改善が行われました。もっと詳しく知る" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170660719399736.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Win11 Insider Preview ビルド 23526 がリリースされ、複数の機能更新と改善が行われました。もっと詳しく知る" /> </a> <a href="https://www.php.cn/ja/faq/662934.html" title="Win11 Insider Preview ビルド 23526 がリリースされ、複数の機能更新と改善が行われました。もっと詳しく知る" class="phphistorical_Version2_mids_title">Win11 Insider Preview ビルド 23526 がリリースされ、複数の機能更新と改善が行われました。もっと詳しく知る</a> <span class="Articlelist_txts_time">Jan 30, 2024 pm 05:33 PM</span> <p class="Articlelist_txts_p">Microsoft によって正式にリリースされた最新の Windows 11 Insider Preview Build 23526 では、スタート メニューが改善され、クイック設定にキャスト ポップアップ ボタンが追加されました。さらに、タスクバーとシステム トレイに関する多くの問題が修正されました。豊富なサムネイル プレビューを提供しないファイルの [スタート] メニューのツールチップを更新しました。 [キャスト] ビルド 23516 で導入されたキャストの改善を基に、近くのディスプレイの検出や接続の修復などで問題が発生した場合に追加のサポートを提供するために、クイック設定のキャスト フライアウト ボタンを更新しました。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/630644.html" title="Vue コンポーネントの実践: 時間セレクター コンポーネントの開発" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170078935556511.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Vue コンポーネントの実践: 時間セレクター コンポーネントの開発" /> </a> <a href="https://www.php.cn/ja/faq/630644.html" title="Vue コンポーネントの実践: 時間セレクター コンポーネントの開発" class="phphistorical_Version2_mids_title">Vue コンポーネントの実践: 時間セレクター コンポーネントの開発</a> <span class="Articlelist_txts_time">Nov 24, 2023 am 09:29 AM</span> <p class="Articlelist_txts_p">Vue コンポーネントの実践: タイム ピッカー コンポーネントの開発 はじめに: タイム ピッカーは、多くの Web アプリケーションで一般的な機能の 1 つであり、ユーザーはこれを使用して日付と時刻を簡単に選択できます。 Vue は、インタラクティブな Web アプリケーションを構築するための豊富なツールとコンポーネントのセットを提供する人気のある JavaScript フレームワークです。この記事では、Vue を使用してシンプルで実用的なタイムピッカー コンポーネントを開発する方法を説明し、具体的なコード例を示します。 1. コンポーネントの構造を設計する コードを書き始める前に、コンポーネントの全体的な構造を設計することが重要です。</p> </div> </div> <a href="https://www.php.cn/ja/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p> </div> <div class="footermid"> <a href="https://www.php.cn/ja/about/us.html">私たちについて</a> <a href="https://www.php.cn/ja/about/disclaimer.html">免責事項</a> <a href="https://www.php.cn/ja/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1744369587"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时,取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则,保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>