ASP.NET如何限制日期录入格式，我已经用javascript日历控件。但是依然可以手动录入我想写个限制约束。

赵昌宇 2012-03-08 02:22:31

我的代码中实现的功能是一个日历控件鼠标单击文本框可以选择日历控件中的日期进行录入
但文本框内依然可以手动输入格式没有进行验证虽然我已经在提交查询按钮上增加了非空验证不过用户体验不好！

日历控件的格式：XXXX-XX-XX

怎么才能实现禁制录入其他内容只能输入指定格式数据？

<input type="text" name="sDate1" id="sDate1" value="<%=Headself%>" size="15" onclick="return Calendar('sDate1','sDate1'); "/>

求高手解答

下面的代码是javascript 日历控件源码

<script language="javascript">

/********************** 日期选择 ***************************
'**************************************************************************/
var MonthDNum = new Array(0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var MonthText = new Array("", "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月");
var Calendar_obj, Calendar_obj2;
//var WriteHead=1;
document.write('<iframe style="position:absolute;width:206px;display:none;" name="divCalendar" id="divCalendar" frameborder="0" scrolling="no"></iframe>')
/*头部信息CSS及JS函数*/
var HeadMsg = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' +
'<html xmlns="http://www.w3.org/1999/xhtml">' +
'<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css"></style><scr' +
'ipt language="JavaScript">var mdown,sy,ey,sm,em,HideSelect=1,CurrentSelect,year,month,day;function Scroll(str,key)' +
'{var Html="",s,e,obj,d;' +
'if(key=="Y"){s=sy;e=ey;obj="SelectYearItem";d="年";}if(key=="M"){s=sm;e=em;obj="SelectMonthItem";d="";}' +
'if(str=="Up"){s--;e--;}if(str=="Next"){s++;e++;}' +
'if(key=="Y"){sy=s;ey=e;}if(key=="M"){if(s<1)s=1;if(s>6)s=6;if(e<7)e=7;if(e>12)e=12;sm=s;em=e;}' +
'for(i=s;i<=e;i++){Html+=\'<a href="javascript:;" onclick="parent.Calendar_Modif(\';Html+=(key=="M")?year+\',\'+i+\',\'+day+\');">\'+parent.MonthText[i]:i+\',\'+month+\',\'+day+\');">\'+i;Html+=d+"</a>";}' +
'document.getElementById(obj).innerHTML=Html;}' +
'function KeyDown(str){if(str==38){Scroll("Up",CurrentSelect);}if(str==40){Scroll("Next",CurrentSelect);}}' +
'function ShowSelect(str,str2){HideSelect=0;HSelect();Scroll(\'\',str2);document.getElementById(str).style.display="block";CurrentSelect=str2}' +
'function HSelect(){document.getElementById("SelectYear").style.display="none";document.getElementById("SelectMonth").style.display="none";}' +
'function Calendar_GetDate(y,m,d)' +
'{var objEvent=window.event||arguments.callee.caller.arguments[0];' +
'var srcElement=objEvent.srcElement;' +
'if(!srcElement){srcElement=objEvent.target;}' +
'if(srcElement.tagName=="A"){parent.Calendar_GetDate(y,m,srcElement.innerHTML);}}' +
'document.onclick=function(){if(HideSelect){HSelect();}HideSelect=1;}</scr' +
'ipt><body onkeydown="KeyDown(event.keyCode);">' +
'<div id="SelectYear" style="left:31px;" onclick="ShowSelect(\'SelectYear\',\'Y\');"><div id="Select"><a href="javascript:;" onmousedown="mdown=window.setInterval(\'Scroll(\\\'Up\\\',\\\'Y\\\')\',50);" onmouseup="window.clearInterval(mdown);" onmouseout="window.clearInterval(mdown);" id="SelectBn" style="border-bottom:1px solid #5563B0;"><font face="Webdings">5</font></a><div id="SelectYearItem">' +
'</div><a href="javascript:;" onmousedown="mdown=window.setInterval(\'Scroll(\\\'Next\\\',\\\'Y\\\')\',50);" onmouseup="window.clearInterval(mdown);" onmouseout="window.clearInterval(mdown);" id="SelectBn" style="border-top:1px solid #5563B0;"><font face="Webdings">6</font></a></div></div>' +
'<div id="SelectMonth" style="left:99px;" onclick="ShowSelect(\'SelectMonth\',\'M\');"><div id="Select"><a href="javascript:;" onmousedown="mdown=window.setInterval(\'Scroll(\\\'Up\\\',\\\'M\\\')\',50);" onmouseup="window.clearInterval(mdown);" onmouseout="window.clearInterval(mdown);" id="SelectBn" style="border-bottom:1px solid #5563B0;"><font face="Webdings">5</font></a><div id="SelectMonthItem">' +
'</div><a href="javascript:;" onmousedown="mdown=window.setInterval(\'Scroll(\\\'Next\\\',\\\'M\\\')\',50);" onmouseup="window.clearInterval(mdown);" onmouseout="window.clearInterval(mdown);" id="SelectBn" style="border-top:1px solid #5563B0;"><font face="Webdings">6</font></a></div></div>';

...全文

315 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

赵昌宇 2012-03-08

打赏
举报

这个分数归你的，但是我现在这里又出来了一个严重的问题不知道您有没有办法解决额
解决的好小弟给你追加分其实我分也不多还有80分呵呵！

问题是这样的我在GridVieW 中嵌入了一个删除的连接操作
不是用控件哦是用连接的方式不过我现在有个需求希望对这个删除操作增加一个WEB弹窗你看看你都有几种手段能实现这个功能我q30520626 备注：csdn.net

aspx页面内容:
<asp:HyperLinkField DataNavigateUrlFields="ScrewPumpWellID"
DataNavigateUrlFormatString="SWBaseInfoForm.aspx?action=del&ScrewPumpWellID={0}"
HeaderText="删除" Text="<img border=0 src=../images/Delete.gif />">
<ItemStyle Width="30px" />
</asp:HyperLinkField>

声明一下我真不会 javascript、、和jQuery 如果您是使用这方面技术请写详细些麻烦您了

华华果果 2012-03-08

打赏
举报

我花了很多精力整理的，有用的话，兄弟多给点分哈

华华果果 2012-03-08

打赏
举报

我用的是WdatePicker日历控件，以下是起始日期不能大于结束日期，并且禁止非法输入

起始时间
<asp:TextBox ID="txtBeginTime" runat="server" onclick="WdatePicker({onpicked:function(){ctl00_CFH_txtEndTime.click();},onclearing:'function(){return false;}',minDate:'%y-%M-#{%d+1}',maxDate:'%y-%M-#{%d+90}'})"
class="Wdate" Width="128px"></asp:TextBox>

结束时间
<asp:TextBox ID="txtEndTime" runat="server" onclick="SetDate();"
class="Wdate" Width="128px"></asp:TextBox>

js代码
function SetDate(){
var d1=document.getElementById("ctl00_CFH_txtBeginTime");
var d2=document.getElementById("ctl00_CFH_txtEndTime");

var dt1=ToDate(d1.value,1);
var dt2=ToDate(null,90);
d2.value=FormatDate(dt1);

if(dt2<AddDays(dt1,29))
WdatePicker({minDate:'#F{$dp.$D(\'ctl00_CFH_txtBeginTime\',{d:1});}',maxDate:'%y-%M-#{%d+90}'});
else
WdatePicker({minDate:'#F{$dp.$D(\'ctl00_CFH_txtBeginTime\',{d:1});}',maxDate:'#F{$dp.$D(\'ctl00_CFH_txtBeginTime\',{d:30});}'});

}

赵昌宇 2012-03-08