Bootstrap框架时间控件的格式化

最新推荐文章于 2025-05-10 09:50:47 发布

小小志秩

最新推荐文章于 2025-05-10 09:50:47 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： datetimepicker

本文链接：https://blog.youkuaiyun.com/z2014ypd/article/details/88960046

前端专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何在Bootstrap框架中使用自带的时间控件，并通过引入相应的JS文件实现时间控件的汉化设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用bootstrap框架展示前端界面，用到了bootstrap自带的时间控件，引入相关js文件，使用js代码进行汉化：

<!-- 引入时间控件 -->
	<link href="/ojbk/bootstrap-3.3.7/css/bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen">
	<script type="text/javascript"
		src="/ojbk/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript"
		src="/ojbk/js/bootstrap-datetimepicker.zh-CN.js"></script>
	<script type="text/javascript">
		$('.form_date').datetimepicker({
			format : 'yyyy-mm-dd',
			language : 'zh-CN',
			weekStart : 1,
			todayBtn : 1,
			autoclose : 1,
			todayHighlight : 1,
			startView : 2,
			minView : 2,
			forceParse : 0,
		});
	</script>