Question

我的bootstrap datetimepicker只对输入标签有效：

<input type="text" class="form-control" id="datetimepicker1" />
<input type="text" class="form-control" id="datetimepicker2" />

是否可以将其转换为asp：TextBox，因为我需要在使用数据库时使用该控件。现在我得到了：

                    <div class="form-group">
                    <asp:Label ID="CheckinLabel" runat="server" Text="Check- in Date"></asp:Label>
                    <asp:TextBox ID="datetimepicker1" runat="server" CSSclass="form-control"></asp:TextBox>
                    </div>
                    <div class="form-group">
                    <asp:Label ID="CheckoutLabel" runat="server" Text="Check-out Date"></asp:Label>
                    <asp:TextBox ID="datetimepicker2" runat="server" CSSclass="form-control"></asp:TextBox>
                    </div>

脚本：

$(function () {
                $("#datetimepicker1").datetimepicker({
                    format: 'DD/MM/YYYY',

                });
                $("#datetimepicker2").datetimepicker({
                    format: 'DD/MM/YYYY',

                });
                $("#datetimepicker1").on("dp.change", function (e) {
                    $('#datetimepicker2').data("DateTimePicker").minDate(e.date);
                });
                $("#datetimepicker2").on("dp.change", function (e) {
                    $('#datetimepicker1').data("DateTimePicker").maxDate(e.date);
                });
            });
        </script>

我问这个是因为当使用输入并打开runat =“server”时，我会因为controlId而出错。

Answer 1

使用ClientIDMode="Static"作为属性或在web.config中使用。这样可以防止您的ID发生变化。

您有3个选项：

1。）控制属性
2.）页面级别设置
3.）web.config

中pages元素的属性

Answer 2

您也可以使用它自己的css类名来定位它。

<asp:TextBox ID="CheckoutLabel" runat="server" Text="Check-out Date" CssClass="myClassName"></asp:TextBox>

$（ “myClassName”）。的DateTimePicker（{ 格式：'DD / MM / YYYY'，

});

Datetimepicker仅适用于输入字段，而不适用于Asp：TextBox

2 个答案: