如何从javascript获取网格视图中的元素
我试图在gridview中的文本框上使用日期选择器引导。我不知道如何访问gridview中的文本框。我得到错误:txtStartDate不存在如何从javascript获取网格视图中的元素,javascript,jquery,asp.net,twitter-bootstrap,gridview,Javascript,Jquery,Asp.net,Twitter Bootstrap,Gridview,我试图在gridview中的文本框上使用日期选择器引导。我不知道如何访问gridview中的文本框。我得到错误:txtStartDate不存在 <script src="Scripts/bootstrap-datepicker.js"></script> <script type="text/javascript"> $(document).ready(function () { var dp = $
<script src="Scripts/bootstrap-datepicker.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var dp = $('#<%=txtStartDate.ClientID%>');
dp.datepicker({
changeMonth: true,
changeYear: true,
format: "dd.mm.yyyy",
language: "tr"
}).on('changeDate', function (ev) {
$(this).blur();
$(this).datepicker('hide');
});
});
</script>
这是我的文本框
<asp:TemplateField ItemStyle-Width="150px" HeaderText="Start Date">
<ItemTemplate>
<asp:TextBox ID="txtStartDate" runat="server" Text='<%# Eval("Start_Date")%>'
BackColor="LightGoldenrodYellow"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="150px" />
</asp:TemplateField>
将CSS类应用于文本框,然后使用CSS类选择器选择该类中要应用日期选择器的所有元素
<script src="Scripts/bootstrap-datepicker.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var dp = $('.dp');
dp.datepicker({
changeMonth: true,
changeYear: true,
format: "dd.mm.yyyy",
language: "tr"
}).on('changeDate', function (ev) {
$(this).blur();
$(this).datepicker('hide');
});
});
</script>
<asp:TextBox ID="txtStartDate" runat="server" Text='<%# Eval("Start_Date")%>' BackColor="LightGoldenrodYellow" CssClass="dp"></asp:TextBox>
您得到异常的原因是,代码执行的范围中没有txtStartDate。每个数据行都有一个txtStartDate控件,但不能在GridView行的上下文之外引用它们。获取错误在哪里?jQuery不会抛出这个错误,所以@mason。有点指出了更具体的错误是很重要的