bootstrap-datetimepicker时间插件使用
Posted 蓝色枫梦
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bootstrap-datetimepicker时间插件使用相关的知识，希望对你有一定的参考价值。
html头部引入相关的js和css
<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.css"/> <script src="js/bootstrap-datetimepicker.js"></script> <script src="js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
时间调用及bootstrap图标，bootstrap版本:V3
<div class="input-group date form_datetime">
<input style="background-color:#FFFFFF" name="starttime" type="text" class="form-control" placeholder="点击获取开始日期" readonly="readonly">
<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
</div>
<div class="input-group date form_datetime">
<input style="background-color:#FFFFFF" name="endtime" type="text" class="form-control" placeholder="点击获取结束日期" readonly="readonly">
<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
</div>
控制日期js:
/*日期调用*/
$(".form_datetime").datetimepicker({
format: "yyyy-mm-dd",
//pickTime: false,
autoclose: true,
todayBtn: true,
minView: "month",
maxView: "decade",
language: "zh-CN",
pickerPosition: "bottom-left"
})
以上是关于bootstrap-datetimepicker时间插件使用的主要内容，如果未能解决你的问题，请参考以下文章
bootstrap-datetimepicker时间插件使用
boostrap3 bootstrap-datetimepicker.min.js设置中文语言
bootstrap-datetimepicker 十年视图年月视图 附源码
Java中bootstrap-datetimepicker时间插件的使用