Bootstrap中的datetimepicker用法

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

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

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

 

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

html用法:java

<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写法,直接选择到天数,就自动关闭选择框。
相关文章
相关标签/搜索