bootstrap 時間插件

頁面顯示

實現:引入bootstrap必要的文件:

<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.22.1/moment-with-locales.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

然後設置

$("#datetime").datetimepicker({
			format: 'HH:mm',//設置時間格式,如下其他時間格式
			         // yyyy-mm-dd
            //          yyyy-mm-dd hh:ii
            //          yyyy-mm-ddThh:ii
            //          yyyy-mm-dd hh:ii:ss
            //          yyyy-mm-ddThh:ii:ssZ

			locale: moment.locale('zh-CN'),
		});

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章