为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

繁星淼淼 2023-09-28 16:12:09
您好,我已经在我的网站上添加了引导程序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>
查看完整描述

2 回答

?
繁花不似锦

TA贡献1851条经验 获得超4个赞

Boostrap 4 不支持日期时间选择器。更改文件 bootstrap-datetimepicker.min.js


'collapse in' 


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');

 closed.addClass('show');


查看完整回答
反对 回复 2023-09-28
?
侃侃无极

TA贡献2051条经验 获得超10个赞

试试这个代码,不需要使用 Jquery。使用输入类型日期而不是文本。

<input type="date" class="form-control"/>

使用和不使用 Jquery 工作 Fiddle


查看完整回答
反对 回复 2023-09-28
  • 2 回答
  • 0 关注
  • 76 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信