Bootstrap中的datetimepicker用法,只看一眼就全懂了
阿新 • • 發佈:2017-09-02
today boot lsp 簡單使用 key trap 寫法 put col
本文實例為大家分享了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用法,只看一眼就全懂了