Question

我有一个包含多个日期列的GridView。对于日期，我使用文本框。我想使用ajaxToolkit：CalendarExtender来简化插入日期。但是如果我在每个ItemTemplate中放置一个ajaxToolkit：CalendarExtender，它将使我的页面变慢。你能告诉我如何使用一个ajaxToolkit：CalendarExtender用于所有文本框吗？我想，当用户点击文本框时，日历应该会出现。当然，日历应该出现在文本框旁边的某个位置。感谢。

Answer 1

我建议你使用jQuery插件。访问http://jqueryui.com/demos/datepicker/

此插件可以帮助您。

Answer 2

我不知道有什么办法或简单方法。您可以考虑使用其他组件。你知道jquery ui的datapicker吗？它是漂亮，免费，干净和快速的日历组件。使用它，你可以在你的文本框中应用css样式，并使用jquery做日历，使用datepicker过滤它，如下所示：

gridview中的文本框：

<asp:TextBox ID="txtDate1" runat="server" CssClass="date" />
<asp:TextBox ID="txtDate2" runat="server" CssClass="date" />
<asp:TextBox ID="txtDate3" runat="server" CssClass="date" />

并在您的网络表单底部，您可以执行jquery脚本

<script language='javascript'>
   $(function() { // <- page_load in client side with jQuery
      // get all inputs that has .date css style and apply datepicker
      $("input.date").datepicker(); 
   });
</script>

阅读更多关于jquery ui的知识，了解如何在您的应用程序上设置它（基本上，添加一个javascript文件和css文件）

看一下这些链接：

http://www.jquery.com http://jqueryui.com/demos/datepicker/

PS：对不起我的英文！

具有多个文本框的单个日历控件

2 个答案: