引导日历在 asp.net gridview 中不起作用？

Posted 2023-04-12

【中文标题】引导日历在 asp.net gridview 中不起作用？

【英文标题】：Boostrap Calender not working inside asp.net gridview?

【发布时间】：2017-11-23 21:17:25

【问题描述】：

我有一个网格视图，里面有 3 列。我想弹出引导日历的任何一列。我的设计如下。

网格视图模板

<asp:TemplateField HeaderText="Date">
<ItemTemplate>
<div class="input-group date" id="lblLastServiceDate1">
<asp:TextBox ID="tbxLastServiceDate" runat="server" CssClass="form-control"></asp:TextBox>
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</ItemTemplate>
</asp:TemplateField>

javascrip函数：

    $(document).ready(function () 

        $('#lblLastServiceDate1').datetimepicker(
            format: 'YYYY-MM-DD'
        );



    );

</script>

我已经在我的页面中添加了所有引导文件。

它在第一行网格视图文本框中工作正常，但它不适用于网格视图中的第二、第三和连续行。

如果有人遇到同样的问题，请告诉我答案。 提前致谢...

【问题讨论】：

它因为你只为 $('#lblLastServiceDate1') 调用了 js，请检查所有行中 lblLastServiceDate1 的 id（第一、第二、第三等）使用类基 jq

【参考方案1】：

像这样在cssclass中给它

  <asp:TextBox ID="TextBox4" placeholder="DD/MM/YYYY" CssClass="cal" runat="server"></asp:TextBox>

然后

<script type="text/javascript">
        $(function () 
            $(".cal").datepicker(
                changeMonth: true,
            changeYear: true,
            yearRange: "1990:2100",
            dateFormat: 'd-M-y'

        );
    );
        </script>

Links for Datepicker UI design

【讨论】：

不……不工作，伙计。你有在gridview中填充日历的代码吗？

你用过

如果答案解决了问题，请单击右箭头