将 bootstrap datetimepicker 添加到 C# 中中继器内的 TextBox

Question

这是我的转发器代码

<asp:Repeater ID="RepeaterTrackingInformation" runat="server" OnItemDataBound="RepeaterTrackingInformation_ItemDataBound">

    <HeaderTemplate>
        <table class="table table-condensed table-responsive">
            <tr>
                <th>Department</th>
                <th>SentTo Date</th>
                <th>Approved Date</th>
            </tr>
    </HeaderTemplate>

    <ItemTemplate>
            <tr>
                <td>
                    <asp:Label ID="LabelDepartmentName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Department") %>'></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="TextBoxSentTo" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SentTo") %>'></asp:TextBox>
                </td>
                <td>
                    <asp:TextBox ID="TextBoxApproved" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "ReceivedFrom") %>'></asp:TextBox>
                </td>
            </tr>
    </ItemTemplate>

    <FooterTemplate>
    </table>
    </FooterTemplate>

</asp:Repeater>

一切正常。我需要向每个 TextBox 添加一个 bootstrap datetimepicker，我可以用下面的例子来做到这一点，就像这样

$('#datetimepickerStartDate').datetimepicker({
    pickTime: false
});

这是我的问题。如何使用 jQuery 或 JavaScript 将 .datetimepicker 附加到中继器内。我无法获取 TextBoxSetTo，因为 .NET 会生成不同的动态 ID。

我试过了

var rep = $('<%=RepeaterTrackingInformation.ClientID%>');

Answer 1

在转发器中添加 CssClass：

<asp:Repeater ID="RepeaterTrackingInformation" runat="server" OnItemDataBound="RepeaterTrackingInformation_ItemDataBound">

<HeaderTemplate>
    <table class="table table-condensed table-responsive">
        <tr>
            <th>Department</th>
            <th>SentTo Date</th>
            <th>Approved Date</th>
        </tr>
</HeaderTemplate>

<ItemTemplate>
        <tr>
            <td>
                <asp:Label ID="LabelDepartmentName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Department") %>'></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="TextBoxSentTo" CssClass="datepicker"  runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SentTo") %>'></asp:TextBox>
            </td>
            <td>
                <asp:TextBox ID="TextBoxApproved" CssClass="datepicker"  runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "ReceivedFrom") %>'></asp:TextBox>
            </td>
        </tr>
</ItemTemplate>

<FooterTemplate>
</table>
</FooterTemplate>

</asp:Repeater>

然后在javascript:

$('.datepicker').datetimepicker({
    pickTime: false
});

将 bootstrap datetimepicker 添加到 C# 中中继器内的 TextBox

Add bootstrap datetimepicker to TextBox inside a repeater in C#

javascript

c#

jquery

repeater

visual-studio-2013