Bootstrap Datepicker 不适用于 asp.net 文本框答案

【问题标题】：Bootstrap Datepicker not working with asp.net textboxBootstrap Datepicker 不适用于 asp.net 文本框
【发布时间】：2015-05-18 04:33:16
【问题描述】：

其中包含的文件有 datepicker.css、jquery.min.js、datetimepicker.min.js 代码如下

 <div class="col-md-6">
<asp:TextBox ID='datetimepicker4'  runat="server" CssClass="form-control"></asp:TextBox>
</div>
 <script type="text/javascript">
 $(function () {
$('#datetimepicker4').datetimepicker(); 
 });
  </script>

【问题讨论】：

不工作是什么意思？
在选择文本框时不会弹出日期选择器！ @Coder of Code
可能的问题是您的 jquery 脚本无法找到导致事件未触发的 id。尝试使用 <%=datetimepicker4.ClientID%> 或者您可以将 ClientIDMode = Static 设置为 datetimepicker4。
我认为 ID 选择器不适用于 runat="server"。参考这个Answer
我只是检查了您的选项，但仍然无法正常工作，没有错误@Coder of Code

标签： javascript asp.net twitter-bootstrap datepicker

【解决方案1】：

试试这个代码...

在文本框中添加类“input-append date”

CssClass="form-control input-append date"

然后使用此代码应用日期选择器。

$('[id$="datetimepicker2"]').datetimepicker({
    format: 'dd/MM/yyyy hh:mm:ss',
    language: 'en',
    pick12HourFormat: true
});

【讨论】：

终于弄对了，谢谢 kaushal khamar。如何在其中仅显示日期@kaushal khamar
您可以使用参数“pickTime: false”禁用时间选择

【解决方案2】：

试试这个代码：

<script type="text/javascript">
 $(function () {
    $('#<%=datetimepicker4.ClientID %>').datetimepicker(); 
 });
</script>

当 .NET 渲染控件时，ID 会像这样ctl00_content1_datetimepicker4 发生变化。

【讨论】：

如果您使用 js 文件：在您的文本框中添加 'ClientIDMode="Static"'