- ベストアンサー
ボタンを押すことでテキストエリアへの時刻の挿入方法
いつもお世話になります テキストエリア（この入力しているところ：テキストボックス？）のそばにボタンがあり、そのボタンを押すことで、現在時刻(MM/DD hh:mm)をこのテキストボックスに挿入させたい（押すたびに入力している最後の文字の次に）のですが、ネット上いろいろ探してみましたがサンプルが見つかりません。どこかいいプログラムはないでしょうか。Javascript、PHP、MySQLでシステムを作成しています。よろしくお願いいたします。
- tomofriend
- お礼率82% (48/58)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＃１です。 本当は、サンプルから自力で作って欲しかったんですが・・・ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>サンプルJavaScript</TITLE> <script language="javascript"> <!--// var tid; function ShowTime() { //変数宣言 var dtNowLocal = new Date; var dtNow = new Date; var strMon; var strDay; var strHour; var strMinutes; var strMoto; strMoto = document.forms["frmTime"].elements["txtTime"].value if(strMoto != ""){ strMoto = strMoto + "\n"; } //日本をセット(9*60=540) dtNow.setTime(dtNowLocal.getTime() + (dtNowLocal.getTimezoneOffset() + 540) * 60 * 1000); //月日を取得 strMon = dtNow.getMonth()+1; strDay = dtNow.getDate(); //時間を取得 strHour = dtNow.getHours(); strMinutes = dtNow.getMinutes(); //2桁に揃えておく if (strMon < 10) { strMon = "0" + strMon; } if (strDay < 10) { strDay = "0" + strDay; } if (strHour < 10) { strHour = "0" + strHour; } if (strMinutes < 10) { strMinutes = "0" + strMinutes; } //ここから表示 document.forms["frmTime"].elements["txtTime"].value=strMoto + strMon+"/"+strDay+" "+strHour+":"+strMinutes; document.forms["frmTime"].elements["txtTime"].focus(); } //--> </script> </HEAD> <BODY text="#ff80c0" link="#ff80c0" vlink="#ff80c0" alink="#ff80c0" onUnload="clearTimeout(tid)"> <P align="center"><B>サンプルJavaScript<BR> サンプル集１</B></P> <P align="center">■サンプル■<BR> </P> <P align="center">現在の時刻</P> <center> <FORM name="frmTime"> <textarea name="txtTime" rows=10 cols=50 wrap=hard> </textarea> <BR> <input type="button" value="日付表示" onClick="ShowTime()" > </FORM> </center> </BODY> </HTML>
その他の回答 (1)
- jurarumin
- ベストアンサー率34% (190/544)
サンプルを作りました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>サンプルJavaScript</TITLE> <script language="javascript"> <!--// var tid; function ShowTime() { //変数宣言 var dtNowLocal = new Date; var dtNow = new Date; var strMon; var strDay; var strHour; var strMinutes; //日本をセット(9*60=540) dtNow.setTime(dtNowLocal.getTime() + (dtNowLocal.getTimezoneOffset() + 540) * 60 * 1000); //月日を取得 strMon = dtNow.getMonth()+1; strDay = dtNow.getDate(); //時間を取得 strHour = dtNow.getHours(); strMinutes = dtNow.getMinutes(); //2桁に揃えておく if (strMon < 10) { strMon = "0" + strMon; } if (strDay < 10) { strDay = "0" + strDay; } if (strHour < 10) { strHour = "0" + strHour; } if (strMinutes < 10) { strMinutes = "0" + strMinutes; } //ここから表示 document.forms["frmTime"].elements["txtTime"].value=strMon+"/"+strDay+" "+strHour+":"+strMinutes; } //--> </script> </HEAD> <BODY text="#ff80c0" link="#ff80c0" vlink="#ff80c0" alink="#ff80c0" onUnload="clearTimeout(tid)"> <P align="center"><B>サンプルJavaScript<BR> サンプル集１</B></P> <P align="center">■サンプル■<BR> </P> <P align="center">現在の時刻</P> <center> <FORM name="frmTime"> <input type="text" size="20" name="txtTime" > <BR> <input type="button" value="日付表示" onClick="ShowTime()" > </FORM> </center> </BODY> </HTML>
お礼
サンプルをつけていただきありがとうございました。早速確認しましたが、これではないんです・・・説明が下手でごめんなさい。 テキストエリアと、ボタンがあります。ボタンを押すと、"(MM/DD hh:mm)" という形式でテキストエリアに挿入します。その時刻につづけて、”仕事に行く”と入力し、改行します。ここで、再度、ボタンを押し、時刻を挿入します。そのとき、今まで入力した文言は消えずに、さらに最新時刻を挿入します。 イメージ (02/04 14:48)仕事に行く (02/04 14:49)仕事をする みたいな感じです。時刻はボタンを押したことにより入力されます。 このような感じなのですが、どうでしょうか。
お礼
まさにこれです！jurarumin様の意図も読めずすみませんでした。活用します！ありがとうございました。