我找到了这个问题和解决方案,但是我不是在处理文本框,而是在处理 gridview 字段。在按钮单击时触发 jQueryUI datePicker,将结果发送到禁用的输入字段
我在带有 TemplateField 的 asp GridView 中有一个开始日期列,如果单击 ImageButton,我想触发 jquery ui datepicker。
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns=False allowsorting = True
SkinID=FACGrid onload="GridView1_Load" onsorting="GridView1_Sorting"
onrowdatabound="GridView1_RowDataBound"
onrowediting="GridView1_RowEditing"
onrowcancelingedit="GridView1_RowCancelingEdit"
onrowupdating="GridView1_RowUpdating">
<Columns>
<asp:TemplateField HeaderText="Start Date" SortExpression="start_dt">
<EditItemTemplate>
<asp:Label ID="StDt" runat="server" CssClass="StartDate" Text='<%# Eval("start_dt", "{0:d}") %>'></asp:Label>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="StDt" runat="server" Text='<%# Bind("start_dt", "{0:d}") %>'></asp:Label>
<asp:ImageButton ID="startdtimage" CssClass="StartDateImg" runat="server" ImageUrl="../images/pencil.gif" Visible='<%# HasUpdateStartDateRole() %>' Width="18px" Height="18px" />
</ItemTemplate>
</asp:TemplateField>
基于上面提到的问题,我有这个。我需要什么才能使每行工作?
<script type="text/javascript">
$(document).ready(function() {
$(".ArrivalDate").datepicker();
$(".StartDateImg").click(function () {
$(".StartDate").datepicker("show");
});
});
</script>
还有一个带有雇用日期的隐藏列。我想将日期选择器设置为仅允许等于或在雇用日期之后的日期。或者,在选择日期后确认它不早于雇用日期。
**** 编辑 **** 让图像按钮打开模式对话框并将行的开始日期和雇用日期传递给它会更容易吗?然后有一个“更新”按钮来检查和保存日期。但是,我也不确定如何做到这一点。
**** 编辑 **** 使用下面的@Miki Shah 的解决方案,日期选择器正在显示,但我不知道如何将所选日期分配给该行的 startdate 字段,使用该行的 startdate 字段作为当前选定的日期打开时,并使用该行的hire_date 进行验证或限制 datepicker 中的可用日期。