如何在 asp.net 中禁用图像按钮 onclick？

Question

我在这个 GridView 中有一个 GridView，有一个列用于使用 asp:CalendarExtender 选择日期。我在 GridView 中有多行是动态生成的。 当我单击图像按钮时，日历会弹出并选择我的日期。

在某些行中，我希望用户在单击该行的图像按钮时选择日期。有时我不想让他选择日期。 当他试图更改日期或单击图像按钮时，他应该收到警告消息，说您不允许更改日期。 我想从客户端处理它。所以请建议我如何做到这一点。 这是aspx代码。

<asp:TextBox runat="server" ID="StartDateTime"  CssClass="search_area_text_vm_small" onclick = "javascript:DateClick(this.id);"></asp:TextBox>
                        <asp:Image ID="Image1" runat="server" ImageUrl="~/images/image3.jpg" />
          <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="StartDateTime"  PopupButtonID="Image1" Format="yyyy-MM-dd" ></asp:CalendarExtender>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="StartDateTime"
                            ErrorMessage="*" SetFocusOnError="True"></asp:RequiredFieldValidator>

Answer 1

您可以利用 CalendarExtender 的 OnClientDateSelectionChanged 事件。

使用下面的代码：

<asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="StartDateTime"  PopupButtonID="Image1" Format="yyyy-MM-dd" OnClientDateSelectionChanged="checkIfDateSelected()" >
</asp:CalendarExtender>

<javascript>
function checkIfDateSelected(){
var dateTextBox=document.getElementByid('StartDateTime');
if(dateTextBox!='')
{
alert ('Date once selected cannot be changed');
return false;
}
</javascript>

如果日期已经选择，这将显示信息弹出并阻止表单提交。