bootstrap-datetimepicker日期时间选择器使用文档

最新推荐文章于 2024-08-08 07:19:13 发布

冷月秋寒

最新推荐文章于 2024-08-08 07:19:13 发布

阅读量879

点赞数 2

分类专栏： jquery技术插件 html技术 APICloud开发

本文链接：https://blog.csdn.net/LengYueQiuHan/article/details/50886542

版权

jquery技术插件同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

html技术

4 篇文章 0 订阅

订阅专栏

APICloud开发

2 篇文章 0 订阅

订阅专栏

bootstrap-datetimepicker官方文档点击打开链接

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
</head>

<body>
<div class="container">
	<input type="text" value="" id="datetimepicker" data-date-format="yyyy-mm-dd hh:ii">
	
</div>

<script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript">
    $('#datetimepicker').datetimepicker({
		language:'zh-CN',			//设置语言方式
		startDate:"2016-01-14",		//设置开始时间
		endDate:"2016-08-19",		//设置结束时间
		autoclose:true,				//当选择一个日期之后是否立即关闭此日期时间选择器
		startView:2,				//日期时间选择器打开之后首先显示的视图
		minView:0,					//日期时间选择器所能够提供的最精确的时间选择视图。
		todayHighlight:true,		//如果为true, 高亮当前日期。
		minuteStep:30				//此数值被当做步进值用于构建小时视图。对于每个 minuteStep 都会生成一组预设时间（分钟）用于选择
	});
</script>

</body>
</html>