Gridview中的Javascript日历无法工作
本文关键字:工作 日历 中的 Javascript Gridview | 更新日期: 2023-09-27 18:27:53
Gridivew中的日历不工作。我正在为网格视图文本框和日历图像按钮分配唯一的值。但单击日历在网格视图中不工作的事件。若在没有网格的情况下尝试相同的代码,它运行良好。
<asp:TemplateField HeaderText="BirthDate" ItemStyle-Width="15%">
<ItemTemplate>
<asp:TextBox ID="txtBirthDate" Text='<%# Eval("BirthDate", "{0:dd-MMM-yyyy}")%>'
runat="server" Width="80px"></asp:TextBox>
<img id='<%# Eval("EmployeeId") %>' alt="" src="../../_layouts/Images/itevent.png" />
<input type="text" id='<%# Eval("CtrlId") %>' style="display: none" name="txtExpDate"
value="<%# Eval("BirthDate") %>" readonly="readonly">
<script type="text/javascript">
Calendar.setup
({
inputField: '<%# Eval("CtrlId") %>',
ifFormat: '%d-%b-%Y ',
button: '<%# Eval("EmployeeId") %>',
align: 'Br'
});
</script>
</ItemTemplate>
</asp:TemplateField>
使用Jquery
$(function () {
$("[id$=txtBirthDate]").datepicker({
showOn: 'focus'
buttonImage:"images/calendar.gif"
});
});
您的aspx:
<asp:TemplateField HeaderText = "BirthDate">
<ItemTemplate>
<asp:TextBox ID="txtBirthDate" runat="server" ReadOnly = "true"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>