gridview 编辑模式下的日历答案

【问题标题】：Calendar in gridview edit modegridview 编辑模式下的日历
【发布时间】：2011-12-15 13:59:02
【问题描述】：

我有一个使用 sqldatasource 连接到数据库的 gridview。网格视图中有一个日期时间字段。当我编辑列时，我不想让用户手动输入日期首先，我想要一个日历弹出窗口或一个按钮来从日历中选择日期。其次，对于时间字段，有没有什么模板或gui可以让我们在从日历中选择日期时选择时间？？

【问题讨论】：

标签： asp.net visual-studio c#-4.0

【解决方案1】：

对于问题的第一部分，即不允许用户键入，只需使用 javascipt 函数并在文本框的 onkeypress 和 onkeyup 事件上调用该函数。

选项 1：

<script type="text/javascript">
function typingNotAllowed(CtrlID)
    {
    document.getElementById(CtrlID).value="";
    }
</script>

<form id="form1" runat="server">
    <div>
    <input type="text" id="someid"  onkeyup="typingNotAllowed(this.id)"   />
    <asp:TextBox ID="TextBox1" runat="server" onkeyup="typingNotAllowed(this.id)"></asp:TextBox>
    </div>
</form>

选项 2：

只需在加载事件后面的代码中添加TextBox1.Attributes.Add("ReadOnly", "true");

选项 3：将 jquery 日期时间选择器与上述任何一个选项结合使用（这将同时满足两种要求）

【讨论】：

【解决方案2】：

我喜欢 AJAX 控件工具包的日历控件。如果您从未使用过 AJAX 控件工具包，那真的很简单。这是日历控件的链接。 http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Calendar/Calendar.aspx

这里是工具包链接，如果您认为这对您有用，您可以下载它。 http://ajaxcontroltoolkit.codeplex.com/

【讨论】：