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

Single Calendar control with multiple textboxes

本文关键字：单个 日历 控件 文本      更新时间：2023-09-26

我有一个GridView与多个日期列在它。对于日期，我使用文本框。我想使用ajaxToolkit:CalendarExtender使插入日期更容易。但是如果我把ajaxToolkit:CalendarExtender在每个ItemTemplate，它会使我的页面慢得多。你能告诉我如何使用一个ajaxToolkit:CalendarExtender为所有的文本框?我想，当用户单击文本框时，日历应该出现。当然，日历应该出现在文本框旁边的某个地方。谢谢。

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

我不认为有什么简单的方法可以做到这一点。你可以考虑使用另一个组件。你知道jquery ui中的datapicker吗?这是一个很好的、免费的、干净的和快速的日历组件。使用它，你可以在你的文本框中应用css样式并通过jquery过滤使用日历，使用日期拾取器，像这样:

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" />
在你的webform底部，你可以写一个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.comhttp://jqueryui.com/demos/datepicker/

PS:对不起我的英语!

相关文章：