为什么我的 Bootstrap 日期时间选择器不工作？

Question

您好，我已经在我的网站上添加了引导程序datetimepicker，但它似乎不起作用。我是不是错过了什么？或者做错了什么？请帮忙。该控件处于引导模式，但据我所知，它不会限制您的可访问性，这是我能想到的它不起作用的唯一原因......

这是我有的参考资料：

<link rel="stylesheet" href="css/bootstrap.css" />

<link rel="stylesheet" href="css/bootstrap.min.css" />

<link rel="stylesheet" href="css/bootstrap-select.min.css" />

<link rel="stylesheet" href="css/jquery.bootstrap-touchspin.min.css" />

<link rel="stylesheet" href="css/jquery.contextmenu.min.css" />

<link rel="stylesheet" href="css/style.css" />

<link rel="stylesheet" href="css/mycss.css" />

<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />

<script src="js/bootstrap.js"></script>

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/bootstrap-select.min.js"></script>

<script src="js/jquery.backstretch.min.js"></script>

<script src="js/jquery.bootstrap-touchspin.min.js"></script>

<script src="js/jquery.contextmenu.min.js"></script>

<script src="Scripts/bootstrap-datetimepicker.min.js"></script>

这是我的控制：

<div class="row" id="div9" runat="server">

    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="margin-top: 5px">

         <asp:Label ID="Label14" runat="server" Text="Start Date" CssClass="form-control" Font-Bold="true" ForeColor="Black" Font-Size="14px"></asp:Label>

    </div>

    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">

        <asp:TextBox ID="txt_start_date" runat="server" CssClass="form-control" TextMode="SingleLine" Width="100%" ForeColor="Black" Font-Bold="True"></asp:TextBox>

    </div>

</div>

这是我的脚本：

<script type="text/javascript">

       $(function () {

            $('#txt_start_date').datetimepicker({ format: 'YYYY-MM-DD', useCurrent: true });

            });

       });

</script>

Answer 1

Boostrap 4 不支持日期时间选择器。更改文件 bootstrap-datetimepicker.min.js'collapse in'&nbsp;expanded = $parent.find('.in'),closed = $parent.find('.collapse:not(.in)'),expanded.removeClass('in');closed.addClass('in');到'collapse show'expanded = $parent.find('.show'),closed = $parent.find('.collapse:not(.show)'),expanded.removeClass('show');&nbsp;closed.addClass('show');

Answer 2

试试这个代码，不需要使用 Jquery。使用输入类型日期而不是文本。<input&nbsp;type="date"&nbsp;class="form-control"/>使用和不使用 Jquery 工作 Fiddle