如何在网页中加入一个日期选择器（C#.net）
我在用vs2008做一个网页，里面想添加一个日期选择的功能，想有那种有一个文本框，点一下或者点一下边上的按钮弹出一个类似calendar控件的东西，用户选择日期后可以得到...
我在用vs2008做一个网页，里面想添加一个日期选择的功能，想有那种有一个文本框，点一下或者点一下边上的按钮弹出一个类似calendar控件的东西，用户选择日期后可以得到他选择的日期，好像是用JS做，我从网上找了一个http://www.my97.net/dp/index.asp，但不知道怎么插入到我的网页中，也不知道如何提取用户选择的数据
展开
展开全部
用两个DIV，主要由Javascript控制第2个DIV的显示，就可以做出来了。
代码如下，自己看看吧：
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void calEventDate_SelectionChanged(object sender, EventArgs e)
{
txtEventDate.Text = calEventDate.SelectedDate.ToString("d");
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
lblResult.Text = "You picked: " + txtEventDate.Text;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<script type="text/javascript">
function displayCalendar()
{
var datePicker = document.getElementById('datePicker');
datePicker.style.display = 'block';
}
</script>
<style type="text/css">
</style>
<title>Calendar with JavaScript</title>
</head>
<body>
<form id="form1" runat="server">
<div class="content">
<asp:Label
id="lblEventDate"
Text="Event Date:"
AssociatedControlID="txtEventDate"
Runat="server" />
<asp:TextBox
id="txtEventDate"
Runat="server" />
<img src="Calendar.gif" onclick="displayCalendar()" />
<div id="datePicker">
<asp:Calendar
id="calEventDate"
OnSelectionChanged="calEventDate_SelectionChanged"
Runat="server" />
</div>
<br />
<asp:Button
id="btnSubmit"
Text="Submit"
Runat="server" OnClick="btnSubmit_Click" />
<hr />
<asp:Label
id="lblResult"
Runat="server" />
</div>
</form>
</body>
</html>
代码如下，自己看看吧：
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void calEventDate_SelectionChanged(object sender, EventArgs e)
{
txtEventDate.Text = calEventDate.SelectedDate.ToString("d");
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
lblResult.Text = "You picked: " + txtEventDate.Text;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<script type="text/javascript">
function displayCalendar()
{
var datePicker = document.getElementById('datePicker');
datePicker.style.display = 'block';
}
</script>
<style type="text/css">
</style>
<title>Calendar with JavaScript</title>
</head>
<body>
<form id="form1" runat="server">
<div class="content">
<asp:Label
id="lblEventDate"
Text="Event Date:"
AssociatedControlID="txtEventDate"
Runat="server" />
<asp:TextBox
id="txtEventDate"
Runat="server" />
<img src="Calendar.gif" onclick="displayCalendar()" />
<div id="datePicker">
<asp:Calendar
id="calEventDate"
OnSelectionChanged="calEventDate_SelectionChanged"
Runat="server" />
</div>
<br />
<asp:Button
id="btnSubmit"
Text="Submit"
Runat="server" OnClick="btnSubmit_Click" />
<hr />
<asp:Label
id="lblResult"
Runat="server" />
</div>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以自己做啊, 只要一个TEXTBOX控件 跟一个BUTTON 控件 跟一个 calendar控件
page load()
this.calendar.visble = false;
然后在写一个BUTTON CLICK 事件
this.calendar.visble = true;
在写一个calendar 的 select change 事件
this.textbox.text = this.calendar.selectvalue.tostring("yyyy-MM-dd");括号内可以设置你要的日期格式！
我就这样做的。 还有另外一种方法， =我周一上班找给你 比这个简单，直接是扩展的TEXTBOX控件...
page load()
this.calendar.visble = false;
然后在写一个BUTTON CLICK 事件
this.calendar.visble = true;
在写一个calendar 的 select change 事件
this.textbox.text = this.calendar.selectvalue.tostring("yyyy-MM-dd");括号内可以设置你要的日期格式！
我就这样做的。 还有另外一种方法， =我周一上班找给你 比这个简单，直接是扩展的TEXTBOX控件...
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
vs有这个控件calendar。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个软件我用懂了，不懂的话留言给我，我教你怎么调用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
