ASP的时间控件

px214 2004-01-07 05:30:53

有没有ASP上的时间控件？

...全文

1293 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

px214 2004-01-08

打赏
举报

有谁能给点建议，谢谢

px214 2004-01-08

打赏
举报

我要的是能在打开页面时默认的是从后台数据库中取出的时间

zjh13226 2004-01-08

打赏
举报

我也给你一个，跟delphi的一样
<HTML>
<HEAD>
<TITLE> 日历 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
BODY {
FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-TOP: 2px; TEXT-ALIGN: center
}
.boxinput{BORDER-BOTTOM: #000000 1pt solid; BORDER-LEFT: #000000 1pt solid; BORDER-RIGHT: #000000 1pt solid; BORDER-TOP: #000000 1pt solid; background-color: #F2F2F2;FONT-SIZE: 9pt;}
</style>
<SCRIPT LANGUAGE="JavaScript">
var date = new Date();
var activeDate = new Date();

var tbl = window.document.createElement("<TABLE style=\"background:white;border:1px solid black;width:100%;height:100%;font:9pt arial;\" cellspacing=0>");
var tblhd = window.document.createElement("THEAD");
var tblbd = window.document.createElement("TBODY");

var anchorPriorYear = window.document.createElement("A");
anchorPriorYear.style.fontFamily = "webdings";
anchorPriorYear.style.color="white";
anchorPriorYear.style.cursor = "hand";
anchorPriorYear.innerText = "7";
anchorPriorYear.title = "上一年";
var anchorPriorMonth = window.document.createElement("A");
anchorPriorMonth.style.fontFamily = "webdings";
anchorPriorMonth.style.color="white";
anchorPriorMonth.style.cursor = "hand";
anchorPriorMonth.innerText = "3";
anchorPriorMonth.title = "上一月";
var anchorNextMonth = window.document.createElement("A");
anchorNextMonth.style.fontFamily = "webdings";
anchorNextMonth.style.cursor = "hand";
anchorNextMonth.style.color="white";
anchorNextMonth.innerText = "4";
anchorNextMonth.title = "下一月";
var anchorNextYear = window.document.createElement("A");
anchorNextYear.style.fontFamily = "webdings";
anchorNextYear.style.cursor = "hand";
anchorNextYear.style.color= "white";
anchorNextYear.innerText = "8";
anchorNextYear.title = "下一年";
var anchorClose = window.document.createElement("A");
anchorClose.style.fontFamily = "webdings";
anchorClose.style.cursor = "hand";
anchorClose.style.color= "white";
anchorClose.innerText = "r";
anchorClose.title = "关闭";

var ynm = window.document.createElement("FONT");
ynm.style.width = "60%";
ynm.style.fontWeight = "bold";

var cpt = window.document.createElement("CAPTION");
tbl.appendChild(cpt);
tbl.appendChild(tblhd);
tbl.appendChild(tblbd);

var fillInput;
var calshow=false;

window.onload=function(){
initcal();
}

function initcal(){
inithead();
initbody();
calendar.appendChild(tbl);
fillCalendar(date);
tblbd.attachEvent("onclick",selectDate);
tblbd.attachEvent("onkeydown",moveDate);
anchorPriorYear.attachEvent("onclick",goPriorYear);
anchorPriorMonth.attachEvent("onclick",goPriorMonth);
anchorNextMonth.attachEvent("onclick",goNextMonth);
anchorNextYear.attachEvent("onclick",goNextYear);
anchorClose.attachEvent("onclick",closeCalendar);
calendar.stopBubble = true;

}

function inithead(){
cpt.style.backgroundColor = "#003399";
cpt.style.color = "white";
cpt.style.textAlign = "center";
cpt.appendChild(anchorPriorYear);
cpt.appendChild(anchorPriorMonth);
cpt.appendChild(ynm);
cpt.appendChild(anchorNextMonth);
cpt.appendChild(anchorNextYear);
cpt.appendChild(anchorClose);
var row = tblhd.insertRow();
row.align = "center";
var weekStr = new Array("日","一","二","三","四","五","六");
for (var i=0;i<weekStr.length;i++){
var cell = row.insertCell();
cell.innerText = weekStr[i];
cell.style.borderBottom = "solid 1px";
cell.style.cursor = "default";
cell.align = "center";
if(i==0||i==6)cell.style.color="red";
}
}

function initbody(){
for (var i=0;i<6;i++){
var row = tblbd.insertRow();
for (var j=0;j<7;j++){
var cell = row.insertCell();
cell.innerHTML = " ";
cell.style.cursor = "default";
cell.align = "center";
}
}
}

function fillCalendar(adate){
ynm.innerText = adate.getFullYear() + "年" + (adate.getMonth() + 1) + "月";
var tempdate = new Date();
tempdate.setFullYear(adate.getFullYear(),adate.getMonth(),1);
var first = true;
for (var i=0;i<tblbd.rows.length;i++){
for (var j=0;j<tblbd.rows(i).cells.length;j++){
var cell = tblbd.rows(i).cells(j);
cell.innerHTML = " ";
cell.bgcolor = "";
cell.title = "";
if(j==0||j==6) cell.style.color="red";
else cell.style.color="black";
cell.style.backgroundColor = "";
if (tempdate.getDay() == j){
if (!first) continue;
cell.innerText = tempdate.getDate();
var today=new Date();
if (tempdate.getDate() == activeDate.getDate()){
cell.setAttribute("active",true);
hightLightDate(cell);
}
tempdate.setFullYear(tempdate.getFullYear(),tempdate.getMonth(),tempdate.getDate()+1);
first = tempdate.getDate() > 1;
}
}
}
}

function hightLightDate(object){
var tds = tblbd.all.tags("TD");
for (var i=0;i<tds.length;i++){
if (tds(i) != object){
tds(i).style.backgroundColor = tds(i).bgcolor;
tds(i).style.color = tds(i).style.color
}
else{
tds(i).style.backgroundColor = "red";
tds(i).style.color = "white";
}
}
}

function selectDate(){
var i = parseInt(window.event.srcElement.innerText);
if ((!isNaN(i)) && (i<3000)){
activeDate.setFullYear(date.getFullYear(),date.getMonth(),i);
fillCalendar(activeDate);
}
fillInput.value=activeDate.getFullYear()+'-'+(activeDate.getMonth()+1)+"-"+i;
}

function moveDate(){
var k = window.event.keyCode;
switch(k){
case 37: activeDate.setFullYear(activeDate.getFullYear(),activeDate.getMonth(),activeDate.getDate()-1);
break;
case 38: activeDate.setFullYear(activeDate.getFullYear(),activeDate.getMonth(),activeDate.getDate()-7);
break;
case 39: activeDate.setFullYear(activeDate.getFullYear(),activeDate.getMonth(),activeDate.getDate()+1);
break;
case 40: activeDate.setFullYear(activeDate.getFullYear(),activeDate.getMonth(),activeDate.getDate()+7);
break;
}
date.setFullYear(activeDate.getFullYear(),activeDate.getMonth(),activeDate.getDate());
fillCalendar(date);
fillInput.value=activeDate.getFullYear()+'-'+(activeDate.getMonth()+1)+"-"+activeDate.getDate();
}

function goNextMonth(){
date.setMonth(date.getMonth()+1,1);
setActiveDate();
fillCalendar(date);
}

function goNextYear(){
date.setFullYear(date.getFullYear()+1,date.getMonth(),1);
setActiveDate();
fillCalendar(date);
}

function goPriorYear(){
date.setFullYear(date.getFullYear()-1,date.getMonth(),1);
setActiveDate();
fillCalendar(date);
}

function goPriorMonth(){
date.setMonth(date.getMonth()-1,1);
setActiveDate();
fillCalendar(date);
}

function setActiveDate(){
var i = activeDate.getDate();
activeDate.setFullYear(date.getFullYear(),date.getMonth(),i);
while ((date.getMonth() != activeDate.getMonth()) || (date.getFullYear() != activeDate.getFullYear())){
activeDate.setFullYear(date.getFullYear(),date.getMonth(),i--);
}
fillCalendar(date);
}

function showCalendar(e){
calendar.style.top=e.offsetTop+e.offsetHeight;
calendar.style.left=e.offsetLeft;
calshow=true;
fillInput=e;
calendar.style.display="block";
}

function hiddenCal()
{
if(!calshow)calendar.style.display="none";
}

function closeCalendar()
{
calshow=false;
calendar.style.display="none";
}
</SCRIPT>
</HEAD>

<BODY onclick="hiddenCal()">
开始日期：<INPUT TYPE="TEXT" ONCLICK="showCalendar(this);this.blur();" class="boxinput" onmouseout="calshow=false"/>
结束日期：<INPUT TYPE="TEXT" ONCLICK="showCalendar(this);this.blur();" class="boxinput" onmouseout="calshow=false"/>
<div id="calendar" style="position:absolute;height:140px;width:160px;display:none;border:1px inset #003399;" onmouseover="calshow=true" onmouseout="calshow=false"/>
</BODY>
</HTML>

px214 2004-01-08

打赏
举报

看看这代码，还是无法实现打开页面时默认的是从后台数据库中取出的时间：
<%@ Language=VBScript %>
<HTML>
<HEAD>
<meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
<%
dim StrConn,Cnn
set Cnn=createobject("adodb.connection")
StrConn = "Provider=SQLOLEDB.1;Data Source=skt270;Initial Catalog=wise;User ID=sa;Password=;"
Cnn.open StrConn

Set rsCustomers = Server.CreateObject("ADODB.Recordset")
CampaignID=Request.Form("txtCampaignID")
sql ="SELECT Startdate,enddate FROM Campaign where Campaignid=25"
rsCustomers.Open sql, Cnn

startdate=rsCustomers.Fields(0).Value
%>
</HEAD>
<body>
<form name="form1">
<TABLE id="Table1" height="357" cellSpacing="1" cellPadding="1" width="603" border="0">
<TR>
<TD width="99">
<DIV ms_positioning="FlowLayout">
<TABLE height="19" cellSpacing="0" cellPadding="0" width="78" border="0" ms_1d_layout="TRUE">
<TR>
<TD>StartDate</TD>
</TR>
</TABLE>
</DIV>
</TD>
<TD>
<OBJECT id="DTPicker1" height="20" width="106" classid="clsid:20DD1B9E-87C4-11D1-8BE3-0000F8754DA1" name="Text1" VIEWASTEXT>
<PARAM NAME="_ExtentX" VALUE="2805">
<PARAM NAME="_ExtentY" VALUE="529">
<PARAM NAME="_Version" VALUE="393216">
<PARAM NAME="MousePointer" VALUE="0">
<PARAM NAME="Enabled" VALUE="1">
<PARAM NAME="OLEDropMode" VALUE="0">
<PARAM NAME="CalendarBackColor" VALUE="-2147483643">
<PARAM NAME="CalendarForeColor" VALUE="-2147483630">
<PARAM NAME="CalendarTitleBackColor" VALUE="-2147483633">
<PARAM NAME="CalendarTitleForeColor" VALUE="-2147483630">
<PARAM NAME="CalendarTrailingForeColor" VALUE="-2147483631">
<PARAM NAME="CheckBox" VALUE="0">
<PARAM NAME="CustomFormat" VALUE="">
<PARAM NAME="DateIsNull" VALUE="0">
<PARAM NAME="Format" VALUE="662831105">
<PARAM NAME="UpDown" VALUE="0">
<PARAM NAME="CurrentDate" VALUE=<%=startdate%>
<PARAM NAME="MaxDate" VALUE="2958465">
<PARAM NAME="MinDate" VALUE="-109205">
</OBJECT>
</TD>
</TR>
</TABLE>
</form>
</body>
</HTML>

minghui000 2004-01-08

打赏
举报

哇。学习

紫郢剑侠 2004-01-07

打赏
举报

好, 收藏...

cq19758 2004-01-07

打赏
举报

DTpicker ，在工具栏的自定义ACTIVEX里面查找。

px214 2004-01-07

打赏
举报

其实我也有个日历控件能实现输入功能，但用户要求在打开页面时默认的是从后台数据库中取出的时间

flying310 2004-01-07

打赏
举报

调用系统时间自己做一个吧。

px214 2004-01-07

打赏
举报

看看先，谢谢

xieyj 2004-01-07

打赏
举报

<body leftmargin=0 topmargin=0 width=350 height=200>
<form name="frm1" method="post" action="">
<input type="hidden" name="calSelectedDate" value="7">
<table id=input_riqi style="VISIBILITY: visible; " border="0" width="335">
<tr>
<td width="330">
<select name="tbSelYear" style="font-size:9pt; color:#0000ff;">
<option value="">
<option value="1924">1924年
<option value="1925">1925年
<option value="1926">1926年
<option value="1927">1927年
<option value="1928">1928年
<option value="1929">1929年
<option value="1930">1930年
<option value="1931">1931年
<option value="1932">1932年
<option value="1933">1933年
<option value="1934">1934年
<option value="1935">1935年
<option value="1936">1936年
<option value="1937">1937年
<option value="1938">1938年
<option value="1939">1939年
<option value="1940">1940年
<option value="1941">1941年
<option value="1942">1942年
<option value="1943">1943年
<option value="1944">1944年
<option value="1945">1945年
<option value="1946">1946年
<option value="1947">1947年
<option value="1948">1948年
<option value="1949">1949年
<option value="1950">1950年
<option value="1951">1951年
<option value="1952">1952年
<option value="1953">1953年
<option value="1954">1954年
<option value="1955">1955年
<option value="1956">1956年
<option value="1957">1957年
<option value="1958">1958年
<option value="1959">1959年
<option value="1960">1960年
<option value="1961">1961年
<option value="1962">1962年
<option value="1963">1963年
<option value="1964">1964年
<option value="1965">1965年
<option value="1966">1966年
<option value="1967">1967年
<option value="1968">1968年
<option value="1969">1969年
<option value="1970">1970年
<option value="1971">1971年
<option value="1972">1972年
<option value="1973">1973年
<option value="1974">1974年
<option value="1975">1975年
<option value="1976">1976年
<option value="1977">1977年
<option value="1978">1978年
<option value="1979">1979年
<option value="1980">1980年
<option value="1981">1981年
<option value="1982">1982年
<option value="1983">1983年
<option value="1984">1984年
<option value="1985">1985年
<option value="1986">1986年
<option value="1987">1987年
<option value="1988">1988年
<option value="1989">1989年
<option value="1990">1990年
<option value="1991">1991年
<option value="1992">1992年
<option value="1993">1993年
<option value="1994">1994年
<option value="1995">1995年
<option value="1996">1996年
<option value="1997">1997年
<option value="1998">1998年
<option value="1999">1999年
<option value="2000">2000年
<option value="2001">2001年
<option value="2002">2002年
<option value="2003">2003年
<option value="2004" selected>2004年
<option value="2005">2005年
<option value="2006">2006年
<option value="2007">2007年
<option value="2008">2008年
<option value="2009">2009年
<option value="2010">2010年
<option value="2011">2011年
<option value="2012">2012年
<option value="2013">2013年
<option value="2014">2014年
<option value="2015">2015年
<option value="2016">2016年
<option value="2017">2017年
<option value="2018">2018年
<option value="2019">2019年
<option value="2020">2020年
<option value="2021">2021年
<option value="2022">2022年
<option value="2023">2023年
<option value="2024">2024年
<option value="2025">2025年
<option value="2026">2026年
<option value="2027">2027年
<option value="2028">2028年
</select>

<select name="tbSelMonth" onchange='fUpdateCal(frm1.tbSelYear.value, frm1.tbSelMonth.value)' style="font-size:9pt; color:#0000ff;">
<option value="1" selected>一月</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>
<tr>
<td width="330">
<script language="JavaScript">
fDrawCal(dCurYear, dCurMonth, 30, 18, "12px", "bold", 1);
</script>
</td>
</tr>
</table>

<table id=input_shijian style="VISIBILITY: visible; " border="0" cellpadding="0" cellspacing="0" width="340">
<tr>
<td width=230> 当前日期：<script>document.write("<font color=#0000ff title='当前日期 "+dCurYear+"年"+dCurMonth+"月"+dCurDate+"日'>");</script><label for=oCurDateTime style="cursor:hand;" onmouseover="this.textDecoration='underline';" onmouseout="this.textDecoration='none';">2004年1月7日</label></font></td>
</tr></table></td></tr>
</table>
<div align=center><input type="button" value="确认返回" name="B1" onclick="OKButton();" id=oCurDateTime><input type="button" value="取消返回" name="B2" onclick="window.returnValue =''; CancelButton();"></div>
</form>

</body>

</html>

<script>
if((window.parent.topframe!=null)&&(window.parent.topframe.document.frmhelp!=null)){
window.parent.topframe.document.frmhelp.path.value='L3RlbXBsYXRlL2diMjMxMg==';
window.parent.topframe.document.frmhelp.link.value='P3R5cGU9MSZjYXJkPTIzMCZpZD0wJmZpZD0yNDc5JmZ1bmM90aHU8cjVxtrKsbzkJm9iaj1UX0RCMjMwX2ZpZWxkNSZ2YWx1ZT0yMDA0LTAxLTA3JTIwMTc6MzQ6MzM@`5^1@';
window.parent.topframe.document.frmhelp.haveprinttemplate.value='0';
window.parent.topframe.document.frmhelp.requesturl.value='?type=1&card=230&id=0&fid=2479&func=选择日期时间&obj=T_DB230_field5&value=2004-01-07%2017:34:33';
}
</script>

xieyj 2004-01-07

打赏
举报

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>选择日期控件</title>
</head>
<SCRIPT LANGUAGE="JavaScript">

</script>

px214 2004-01-07