出来るのだＡＳＰ Ｑ＆Ａ掲示板（過去ＬＯＧ） 　訪問数 52046 昨日 889 今日 776
     【PR】 パソコン入門からIT専門書まで幅広く取り揃えています。セブン-イレブン受取り手数料無料のセブンアンドワイ。
Topに戻る 掲示板に戻る 検索 削除 管理者
[4882] Re:日付の入力を簡単にしたいのですが？
投稿者：Lightningさん 2005/01/06 17:11:18
てきとーにJavaScriptで組んでみた、さんこうにしてね

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title></title>
<script type="text/JavaScript"><!--
var nY,nM,nD
function aaa(){
var n = new Date();
setCalender(n.getYear(),(n.getMonth()+1),n.getDate());
}
function setCalender(aY,aM,aD){
var NDate = new Date(aY+"/"+aM+"/"+aD);
nY = NDate.getYear();
nM = NDate.getMonth() + 1;
nD = NDate.getDate();
nowMonth = NDate.getMonth();
document.getElementById("YearMonth").innerText="--" + NDate.getYear() + "年--" + (NDate.getMonth() + 1) + "月--";
document.getElementById("YearMonth").style.textAlign="center";
NDate.setDate(1);
aDay = NDate.getDay();
NDate.setDate(-aDay);
for(i=0;i<42;i++){
NDate.setDate(NDate.getDate()+1);
ob = document.getElementById(i);
ob.innerText = NDate.getDate();
ob.style.textAlign="right";
if( NDate.getMonth() != nowMonth ){
ob.style.color="gray";
}else{
if( NDate.getDay() == 0 ){
ob.style.color="red";
}else{
ob.style.color="black";
}
}
}
document.f1.t1.value=nY + "/" + nM + "/" + nD;
}
function setDate(aDate){
var nowDate = new Date();
nowDate.setDate(aDate);
document.f1.t1.value = nY + "/" + nM + "/" + nowDate.getDate();
}
// --></script>
</head>
<body onload="aaa();">
<form name="f1"><input type="text" name="t1"></form>
<table>
<tr>
<td onclick="setCalender(nY,nM-1,1);"><<</td>
<td colspan="5"><div id="YearMonth"></div></td>
<td onclick="setCalender(nY,nM+1,1);">>></td>
</tr>
<tr>
<th>日</th>
<th>月</th>
<th>火</th>
<th>水</th>
<th>木</th>
<th>金</th>
<th>土</th>
</tr>
<tr>
<td><div onclick="setDate(this.innerText);" id="0">0</div></td>
<td><div onclick="setDate(this.innerText);" id="1">0</div></td>
<td><div onclick="setDate(this.innerText);" id="2">0</div></td>
<td><div onclick="setDate(this.innerText);" id="3">0</div></td>
<td><div onclick="setDate(this.innerText);" id="4">0</div></td>
<td><div onclick="setDate(this.innerText);" id="5">0</div></td>
<td><div onclick="setDate(this.innerText);" id="6">0</div></td>
</tr>
<tr>
<td><div onclick="setDate(this.innerText);" id="7">0</div></td>
<td><div onclick="setDate(this.innerText);" id="8">0</div></td>
<td><div onclick="setDate(this.innerText);" id="9">0</div></td>
<td><div onclick="setDate(this.innerText);" id="10">0</div></td>
<td><div onclick="setDate(this.innerText);" id="11">0</div></td>
<td><div onclick="setDate(this.innerText);" id="12">0</div></td>
<td><div onclick="setDate(this.innerText);" id="13">0</div></td>
</tr>
<tr>
<td><div onclick="setDate(this.innerText);" id="14">0</div></td>
<td><div onclick="setDate(this.innerText);" id="15">0</div></td>
<td><div onclick="setDate(this.innerText);" id="16">0</div></td>
<td><div onclick="setDate(this.innerText);" id="17">0</div></td>
<td><div onclick="setDate(this.innerText);" id="18">0</div></td>
<td><div onclick="setDate(this.innerText);" id="19">0</div></td>
<td><div onclick="setDate(this.innerText);" id="20">0</div></td>
</tr>
<tr>
<td><div onclick="setDate(this.innerText);" id="21">0</div></td>
<td><div onclick="setDate(this.innerText);" id="22">0</div></td>
<td><div onclick="setDate(this.innerText);" id="23">0</div></td>
<td><div onclick="setDate(this.innerText);" id="24">0</div></td>
<td><div onclick="setDate(this.innerText);" id="25">0</div></td>
<td><div onclick="setDate(this.innerText);" id="26">0</div></td>
<td><div onclick="setDate(this.innerText);" id="27">0</div></td>
</tr>
<tr>
<td><div onclick="setDate(this.innerText);" id="28">0</div></td>
<td><div onclick="setDate(this.innerText);" id="29">0</div></td>
<td><div onclick="setDate(this.innerText);" id="30">0</div></td>
<td><div onclick="setDate(this.innerText);" id="31">0</div></td>
<td><div onclick="setDate(this.innerText);" id="32">0</div></td>
<td><div onclick="setDate(this.innerText);" id="33">0</div></td>
<td><div onclick="setDate(this.innerText);" id="34">0</div></td>
</tr>
<tr>
<td><div onclick="setDate(this.innerText);" id="35">0</div></td>
<td><div onclick="setDate(this.innerText);" id="36">0</div></td>
<td><div onclick="setDate(this.innerText);" id="37">0</div></td>
<td><div onclick="setDate(this.innerText);" id="38">0</div></td>
<td><div onclick="setDate(this.innerText);" id="39">0</div></td>
<td><div onclick="setDate(this.innerText);" id="40">0</div></td>
<td><div onclick="setDate(this.innerText);" id="41">0</div></td>
</tr>
</table>
</body>
</html>
日付の入力を簡単にしたいのですが？ 　 よしおさん [2004/12/29 2:02:52] [4878]
　 Re:日付の入力を簡単にしたいのですが？ 　 YasNet(管理人)さん [2004/12/29 15:36:57] [4879]
　 　 Re:日付の入力を簡単にしたいのですが？ 　 Lightningさん [2005/01/06 17:11:18] [4882]

TreeBBS For ASP V.0.1.3
Program By ＹａｓＮｅｔ