Bootstrap中的datetimepicker用法

本文實例爲你們分享了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寫法，直接選擇到天數，就自動關閉選擇框。