Datetimepicker 仅适用于 Input 字段，不适用于 Asp:TextBox答案

【问题标题】：Datetimepicker does only work with Input field, not Asp:TextBoxDatetimepicker 仅适用于 Input 字段，不适用于 Asp:TextBox
【发布时间】：2015-07-13 17:26:43
【问题描述】：

我的引导 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" on 时，由于 controlId，我得到了错误。

【问题讨论】：

标签： c# asp.net

【解决方案1】：

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

您有 3 个选项：

1.) 控制属性
2.) 页面级别设置
3.) web.config 中pages 元素的属性

【讨论】：

有效..如果我应该把它放在配置文件中......它周围应该有什么？
@Mikkel，已更新。如果你想在 config.只需在 pages 元素上添加此属性即可。

【解决方案2】：

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

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

$(".myClassName").datetimepicker({ 格式：'DD/MM/YYYY',

});

【讨论】：