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寫法,直接選擇到天數,就自動關閉選擇框。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM