Question

我使用sqldatasource连接到数据库的gridview。 gridview中有一个datetime字段。当我编辑列时，我不希望让用户手动键入日期首先，我想要一个日历弹出窗口或一个按钮来从日历中选择日期。第二，对于时间字段，当我们从日历中选择日期时，是否有任何模板或gui我们可以选择时间？

Answer 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日期时间选择器与上述选项中的任何一个结合使用（这将适用于两个要求）

Answer 2

我喜欢AJAX Control Toolkit的Calendar控件。如果您从未使用过AJAX Control Toolkit，那么它非常简单。这是日历控件的链接。 http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Calendar/Calendar.aspx

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

gridview编辑模式下的日历

2 个答案: