datepicker – Boostrap DateTimePicker仅显示时间
发布时间:2020-12-16 04:56:52 所属栏目:百科 来源:网络整理
导读:我需要 bootstrap datepicker的帮助 div class="container" div class="row" div class='col-sm-6' div class="form-group" div class='input-group date' id='datetimepicker3' input type='text' class="form-control" / span class="input-group-addon" s
我需要
bootstrap datepicker的帮助
<div class="container"> <div class="row"> <div class='col-sm-6'> <div class="form-group"> <div class='input-group date' id='datetimepicker3'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> </div> </div> </div> <script type="text/javascript"> $(function () { $('#datetimepicker3').datetimepicker({ format: 'LT' }); }); </script> </div> </div> 该代码有效,但它显示日期而不是时间. 解决方法
您需要编辑格式选项以仅显示时间:
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js" ></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js" type="text/javascript" ></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> <div class="container"> <div class="row"> <div class='col-sm-6'> <div class="form-group"> <div class='input-group date' id='datetimepicker3'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-time"></span> </span> </div> </div> </div> <script type="text/javascript"> $(function () { $('#datetimepicker3').datetimepicker({ format: 'HH:mm' }); }); </script> </div> </div> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- sqlite 查询导出文件的方法
- ruby-on-rails – schema.rb由于其他分支中的迁移而搞砸了
- c# – 如何在图表中设置系列Z-Order
- ruby-on-rails – 邮件gem在升级到Rails 5.0.6后不发送电子
- postgresql – Heroku Postgres:连接太多.如何杀死这些连接
- c – 计算给定数组的子序列数,使得它们的总和小于或等于给定
- 推荐用于C#4.0的多线程/并行计算书籍
- 从C#应用程序添加一个引用到没有/ clr编译的DLL?
- 使用wordpress的$wpdb类读mysql数据库做ajax时出现的问题该
- react native 实现列表滑动 菜单栏悬停 (过程优化,体验更