好了下面结果js+.net实现弹出日历
在需要调用日期选择的页面放置两个TEXTBOX与BUTTON以选择开始时间与结束时间,并在html代码的 </body>之前加入如下
javascript语句:
<script language="javascript">
function openModeBegin()
{
var returnValue=window.showModalDialog("CalendarForm2.aspx",Form1.TextBoxBeginDate.value);
Form1.TextBoxBeginDate.value=returnValue;
}
</script>
<script language="javascript">
function openModeEnd()
{
var returnValue=window.showModalDialog("CalendarForm2.aspx",Form1.TextBoxEndDate.value);
Form1.TextBoxEndDate.value=returnValue;
}
</script>
以上语句定义了两个模态对话框,当调用模态对话框时打开CalendarForm2.aspx页面选择日期,本页面窗体FORM名称为Form1,两个TextBox分别接收传递进来的两个时间值而且应该能互不影响。注意html中窗体的定义应该与javascript中定义的对应并且应该是服务器端运行的,如<form id="Form1" method="post" runat="server">。
在本页面WebForm1.aspx.cs代码部分页面加载Page_Load事件内加入如下语句将定义的javascript行为赋予Button:
ButtonBeginDate.Attributes.Add("onclick", "openModeBegin()");
ButtonEndDate.Attributes.Add("onclick", "openModeEnd()");
CalendarForm2.aspx是个临时容器,提供框架调用CalendarForm3.aspx的内容,以备关掉日期选择窗体后无法完成传值,在其html的Head标记之间应该加入如下语句:
代码如下:
<script id="clientEventHandlersJS" language="javascript">
<!--
function IFRAME1_onblur() {}
//-->
</script>
CalendarForm2.aspx.cs文件中亦不需要写任何代码,只需在body标记之间加入如下代码:
代码如下:
<body runat="server" ID="Body1"> <form id="Form1" method="post" runat="server"> <iframe frameborder="no" src='CalendarForm3.aspx' style="WIDTH: 480px; HEIGHT: 450px" id="IFRAME1" language="javascript" onblur="return IFRAME1_onblur()"></iframe> </form> </body>
CalendarForm3.aspx我们实际用到的日期选择页面包含一个日历控件与一个Button一个TextBox,此处直接将日历控件Calendar的选定值传给第一个页面WebForm1.aspx更简单,但我们没有这样做,不直接传值主要是考虑到大多数用户的使用习惯,在此将日历控件选中的值传给页面上的TextBox,按下Button后再传给WebForm1.aspx,还可以在用户误选后容易纠正。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易采站长站。








