BootStrap时间控件bootstrap-datetimepicker.min.js用法

最新推荐文章于 2025-11-10 06:36:35 发布

原创最新推荐文章于 2025-11-10 06:36:35 发布 · 6.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap #时间控件

BootStrap 专栏收录该内容

5 篇文章

订阅专栏

本文将介绍如何在JSP页面中使用BootStrap的时间控件bootstrap-datetimepicker.min.js，包括引入必要的JS和CSS资源。

第一步：jsp页面

①引入js和css

	<script src="js/list.js"></script>   <!--list.js是自己写的js-->

	<script src="datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
	<link rel="stylesheet" type="text/css" media="screen"

	href="datetimepicker/css/bootstrap-datetimepicker.min.css">

   ②写输入框：

	<input id="starttime" type="text" placeholder="结束时间" >
	<input id="endtime" type="text" placeholder="项目部名称">
第二步：js文件
	$(function () {
    
    $('#starttime,#endtime').datetimepicker({
        minView: "month", // 选择日期后，不会再跳转去选择时分秒
        format: "yyyy-mm-dd", // 选择日期后，文本框显示的日期格式
        language: 'zh-CN', // 汉化
        autoclose: true // 选择日期后自动关闭
    });
});