设计一个简单的日期选择输入部件
2006-08-19 09:59
453 查看
在大家编写的asp.net程序中,经常会输入日期, 为了简化日期的输入和保证日期输入的正确性,我们可以使用一个日历让用户来选择一个日期。我们可以使用.net中自带的日历控件来设计一个输入日期的部件。具体方法如下:
首先,我们设计一个日期选择的Web页面,在这个web页面上放置一个日历控件,然后再放两个TextBox控件,TextBox控件的作用是临时存放一些数据。
TextBox1控件用来存放选择用一个日期后的日期值,可以在日历的OnSelectionChanged事件中进行赋值。
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
TextBox1.Text = Calendar1.SelectedDate.ToString();
}
TextBox2控件用来存放传送给本页面的输入窗口上输入控件的控件名称,用来写回日期值用的。它可以在页面的OnLoad事件中进行赋值,取出传递过来的参数值即可。
protected void Page_Load(object sender, EventArgs e)
{
TextBox2.Text = Request.Params["ControlName"];
}
再在这个页面写上一段JavaScript程序放在页面最后,作用是判断TextBox1的值如果不为空,则把TextBox1的值写回父窗口的输入字段中,然后关闭窗口即可。代码如下:
<script type="text/javascript">
if (document.all.TextBox1.value != "")
{
window.opener.document.all[document.all.TextBox2.value].value = document.all.TextBox1.value;
window.close();
}
</script>
这样我们的日期选择窗口就设计好了,下面我们就使用这个窗口进行日期的选择输入。
设计一个Web页面,放置一个TextBox控件,旁边放置一个按钮,在按钮的点击事件中打开日期输入窗口,并把TextBox的名字作为参数传递过去即可。
<input id="Button1" type="button" value="button" onclick="window.open('default2.aspx?ControlName=TextBox1');"/>
这样我们就实现了日期的选择输入。
首先,我们设计一个日期选择的Web页面,在这个web页面上放置一个日历控件,然后再放两个TextBox控件,TextBox控件的作用是临时存放一些数据。
TextBox1控件用来存放选择用一个日期后的日期值,可以在日历的OnSelectionChanged事件中进行赋值。
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
TextBox1.Text = Calendar1.SelectedDate.ToString();
}
TextBox2控件用来存放传送给本页面的输入窗口上输入控件的控件名称,用来写回日期值用的。它可以在页面的OnLoad事件中进行赋值,取出传递过来的参数值即可。
protected void Page_Load(object sender, EventArgs e)
{
TextBox2.Text = Request.Params["ControlName"];
}
再在这个页面写上一段JavaScript程序放在页面最后,作用是判断TextBox1的值如果不为空,则把TextBox1的值写回父窗口的输入字段中,然后关闭窗口即可。代码如下:
<script type="text/javascript">
if (document.all.TextBox1.value != "")
{
window.opener.document.all[document.all.TextBox2.value].value = document.all.TextBox1.value;
window.close();
}
</script>
这样我们的日期选择窗口就设计好了,下面我们就使用这个窗口进行日期的选择输入。
设计一个Web页面,放置一个TextBox控件,旁边放置一个按钮,在按钮的点击事件中打开日期输入窗口,并把TextBox的名字作为参数传递过去即可。
<input id="Button1" type="button" value="button" onclick="window.open('default2.aspx?ControlName=TextBox1');"/>
这样我们就实现了日期的选择输入。
相关文章推荐
- 一个简单的日期选择框(支持IE,FF,Opera)
- 一个简单的日期输入格式化控件。
- 一个简单的例子:通过javascript输出所选择的日期(1)
- 设计一个程序输入两个日期计算相隔多少天,或计算一个日期加上间隔后的日期。
- 一个简单的日期选择器
- 自动选择一个输入时间
- Android游戏——学习小结(一个简单的设计小游戏)动画射击
- 日期选择器-设计-js组建-细节点记录
- 一个例子讲解adapter设计模式(非常简单)
- 设计算法来统计一个输入字符串中所包含的整数个数,并输出这些数
- JS写的一个日期选择控件(移动网页的),写得不当的地方,望各位大神指正
- C++设计一个简单的壳(2)
- 以一个简单的项目来学习面向对象编程(设计模式和多线程)
- 一个简单图形界面框架XYGui的设计与实现 (四)
- 定义一个结构体类型表示日期(年、月、日)。main中输入一个日期,计算该日期是当年的第几天。
- 线程池的概念及Linux 怎么设计一个简单的线程池
- 结合一个简单的项目分析MVC设计流程
- 一个简单的JavaScript 日期计算算法
- C# 两个textBox控件调用同一个monthCalendar输入日期
- 免费的Javascript日期输入及选择控件大杂烩!