【发布时间】:2012-06-19 06:07:36
【问题描述】:
我有一个面板。在该面板中,有一个文本框用于某些输入,另一个文本框用于从日历控件中获取日期。我已将日历控件放在第二个文本框(即 txtDate)下方,但我不希望它在页面加载时显示,而是我想要一个日历的小图像,单击该图像时应该会弹出一个日历并所选日期必须由 txtdate 文本框捕获。
请帮助我处理 .aspx 和 .cs 文件。我正在使用带有 C# 的 asp.net。
【问题讨论】:
我有一个面板。在该面板中,有一个文本框用于某些输入,另一个文本框用于从日历控件中获取日期。我已将日历控件放在第二个文本框(即 txtDate)下方,但我不希望它在页面加载时显示,而是我想要一个日历的小图像,单击该图像时应该会弹出一个日历并所选日期必须由 txtdate 文本框捕获。
请帮助我处理 .aspx 和 .cs 文件。我正在使用带有 C# 的 asp.net。
【问题讨论】:
使用 AJAX 日历扩展器。这是示例标记代码:
<asp:CalendarExtender ID="ControlIDHere" runat="server" Enabled="True"
TargetControlID="TextBoxIDHere" PopupButtonID="CalenderImageIDHere" Format="MM/dd/yyyy">
</asp:CalendarExtender>
【讨论】:
最好解释一个基于 ASP.NET 的日历控制解决方案here
但我建议您继续使用基于 Ajax 的解决方案 Ajax Calender
【讨论】:
您可以在项目中使用 Jquery 库。下面是例子
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js">
</script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">
</script>
<script >
$(document).ready( function() {
$("[id=^datepicker]").datepicker();
} );
</script>
</head>
<body>
<form id="form1" runat="server">
<p>Date: <asp:TextBox id="datepicker" runat="server">
</p>
</form>
</body>
</html>
【讨论】: