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

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

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

1

2

<linkrel="stylesheet"href="Css/bootstrap-datetimepicker.min.css">

<scriptsrc="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写法,直接选择到天数,就自动关闭选择框。