//选择时间by zwb
function SelDateById(ControlId)
{
ArgDate=document.getElementById(ControlId).value;
ReturnValue=window.showModalDialog("../SelDate.htm",ArgDate,
"dialogWidth:336px;dialogHeight:280px;Resizable:0;help=no;status:No;center:yes;" );
if (ReturnValue!=undefined)
{
document.getElementById(ControlId).value=ReturnValue;
return false;
}
else
{
return false;
}
}
//SelDate.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>选择日期</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var toDay=new Date();
var toDayYear=toDay.getFullYear();
var toDayMonth=toDay.getMonth();
var toDayDate=toDay.getDate();
var selectedDate;
function FormOnLoad()
{
var year;
var month;
var day
var myDate=new Date();
try{
if (window.dialogArguments!=undefined && window.dialogArguments!="")
{
var ArgStr=window.dialogArguments;
var DateArry=ArgStr.split(".");
if(DateArry.length==3){
DateArry=ArgStr.split("-");
myDate=new Date(DateArry[0],DateArry[1]-1,DateArry[2]);
}
}
}catch(e){}
month=myDate.getMonth();
document.frmDate.year.value=myDate.getFullYear();
document.frmDate.month.selectedIndex=month;
selectedDate=myDate.getDate();
setDayTab(myDate.getFullYear(),month);
}
function setDayTab(year,month){
var xxDate=new Date(year,month,1)
var days=31;
var d2
var wd=xxDate.getDay();
if(month<11){
d2=new Date(year,month+1,1);
days=(d2-xxDate)/(24*60*60*1000);
}
predays=31;
if(month>0){
d2=new Date(year,month-1,1);
predays=(xxDate-d2)/(24*60*60*1000);
}
for(i=0;i<wd;i++){
xx=predays-wd+i+1;
document.all["DL1"+i].innerHTML=xx;
document.all["DL1"+i].className="toDisDay";
}
var j;
var x=1;
for(j=1;j<=days;){
for(;wd<7 && j<=days;wd++,j++){
document.all["DL"+x+""+wd].innerHTML=j;
if(year==toDayYear && month==toDayMonth && j==toDayDate){
if(selectedDate==j){
document.all["DL"+x+""+wd].className="toDaySelectedDay";
}else{
document.all["DL"+x+""+wd].className="toDay";
}
}else if(selectedDate==j){
document.all["DL"+x+""+wd].className="toSeletedDay";
}else{
document.all["DL"+x+""+wd].className="generDay";
}
document.all["DL"+x+""+wd].style.cursor="hand";
document.all["DL"+x+""+wd].dayValue=j;
document.all["DL"+x+""+wd].title="双击选择"+year+"年"+document.frmDate.month[month].text+j+"日";
document.all["DL"+x+""+wd].οnclick=clickToSelected;
document.all["DL"+x+""+wd].οndblclick=BtnOKOnClick;
}
if(j<=days){
wd=0;
x++;
}
}
j=1;
for(;x<7;x++){
for(;wd<7;wd++,j++){
document.all["DL"+x+""+wd].innerHTML=j;
document.all["DL"+x+""+wd].className="toDisDay";
}
wd=0;
}
}
function clickToSelected(){
if(event.srcElement.dayValue!=null){
selectedDate=event.srcElement.dayValue;
setDayTab(document.frmDate.year.value,document.frmDate.month.selectedIndex);
}
}
function onMonthchange(){
setDayTab(document.frmDate.year.value,document.frmDate.month.selectedIndex);
}
function btnOk(){
window.returnValue=document.frmDate.year.value+"-"+(document.frmDate.month.selectedIndex+1)+"-"+selectedDate;
window.close();
}
function BtnOKOnClick()
{
if(event.srcElement.dayValue!=null){
window.returnValue=document.frmDate.year.value+"-"+(document.frmDate.month.selectedIndex+1)+"-"+event.srcElement.dayValue;
window.close();
}
}
</script>
<style type="text/css">
<!--
TD {
font-size: 9pt;
}
th {
font-size: 9pt;
}
option {
color: #006699;
border: 1px solid #003366;
}
select {
font-size: 9pt;
border: 1px solid #990000;
}
.toHead {
color: #FFFFFF;
background-color: #003366;
}
.toSeletedDay {
color: #FFFFFF;
background-color: #003399;
}
.toDisDay {
color: #999999;
}
.toDay {
border: 1px solid #990000;
}
.toDaySelectedDay {
border: 1px solid #990000;
color: #FFFFFF;
background-color: #003399;
}
-->
</style>
</HEAD>
<BODY bgcolor="#CCCCCC" leftMargin="0" topMargin="0" rightMargin="0" bottomMargin="0" marginwidth="0" marginheight="0" οnlοad="FormOnLoad()">
<form name="frmDate" onSubmit="return false;">
<div align="center">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" bordercolorlight="#000000" bordercolordark="#ffffff" width=90%>
<tr>
<td><table border="0" cellpadding="4" cellspacing="1" width=100%>
<tr>
<th colspan="7"> <table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name="year" type="text" id="year" size="6" maxlength="4" onBlur="onMonthchange()">
</td>
<td align="right"> <select name="month" οnchange="onMonthchange()">
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="5">五月</option>
<option value="6">六月</option>
<option value="7">七月</option>
<option value="8">八月</option>
<option value="9">九月</option>
<option value="10">十月</option>
<option value="11">十一月</option>
<option value="12">十二月</option>
</select> </td>
</tr>
</table></th>
</tr>
<tr>
<th class="toHead">日</th>
<th class="toHead">一</th>
<th class="toHead">二</th>
<th class="toHead">三</th>
<th class="toHead">四</th>
<th class="toHead">五</th>
<th class="toHead">六</th>
</tr>
<tr>
<td align="center" id="DL10"> </td>
<td align="center" id="DL11"> </td>
<td align="center" id="DL12"> </td>
<td align="center" id="DL13"> </td>
<td align="center" id="DL14"> </td>
<td align="center" id="DL15"> </td>
<td align="center" id="DL16"> </td>
</tr>
<tr>
<td align="center" id="DL20"> </td>
<td align="center" id="DL21"> </td>
<td align="center" id="DL22"> </td>
<td align="center" id="DL23"> </td>
<td align="center" id="DL24"> </td>
<td align="center" id="DL25"> </td>
<td align="center" id="DL26"> </td>
</tr>
<tr>
<td align="center" id="DL30"> </td>
<td align="center" id="DL31"> </td>
<td align="center" id="DL32"> </td>
<td align="center" id="DL33"> </td>
<td align="center" id="DL34"> </td>
<td align="center" id="DL35"> </td>
<td align="center" id="DL36"> </td>
</tr>
<tr>
<td align="center" id="DL40"> </td>
<td align="center" id="DL41"> </td>
<td align="center" id="DL42"> </td>
<td align="center" id="DL43"> </td>
<td align="center" id="DL44"> </td>
<td align="center" id="DL45"> </td>
<td align="center" id="DL46"> </td>
</tr>
<tr>
<td align="center" id="DL50"> </td>
<td align="center" id="DL51"> </td>
<td align="center" id="DL52"> </td>
<td align="center" id="DL53"> </td>
<td align="center" id="DL54"> </td>
<td align="center" id="DL55"> </td>
<td align="center" id="DL56"> </td>
</tr>
<tr>
<td align="center" id="DL60"> </td>
<td align="center" id="DL61"> </td>
<td align="center" id="DL62"> </td>
<td align="center" id="DL63"> </td>
<td align="center" id="DL64"> </td>
<td align="center" id="DL65"> </td>
<td align="center" id="DL66"> </td>
</tr>
</table></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="80">
<input name="按钮" type="button" value="确定" οnclick="btnOk()">
</td>
<td><input type="button" value="取消" οnclick="window.close();"></td>
</tr>
</table></td>
</tr>
</table>
</div>
</form>
</BODY>
</HTML>