码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap中的datetimepicker用法,只看一眼就全懂了

时间:2017-09-02 16:51:29      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:html   内容   bootstra   简单   input   close   参考   ble   tar   

本文实例为大家分享了bootstrap datetimepicker日期插件的简单使用,供大家参考,具体内容如下

首先在文件头部引入必要的文件:

1
2
<link rel="stylesheet" href="Css/bootstrap-datetimepicker.min.css">
<script src="Js/bootstrap-datetimepicker.js"></script>

 

然后调用初始化日期插件方法:

html用法:

<input size="16" type="text" value="" class="form_datetime">
下面是js:
<script type="text/javascript">
//日期插件
$(".form_datetime").datetimepicker({
format: ‘yyyy-mm-dd‘,//显示格式
todayHighlight: 1,//今天高亮
minView: "month",//设置只显示到月份
startView:2,
forceParse: 0,
showMeridian: 1,
autoclose: 1//选择后自动关闭
});
</script>
 
以上js写法,直接选择到天数,就自动关闭选择框。

Bootstrap中的datetimepicker用法,只看一眼就全懂了

标签:html   内容   bootstra   简单   input   close   参考   ble   tar   

原文地址:http://www.cnblogs.com/iqiao/p/7466845.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!