bootstrap 时间日期日历控件（datetimepicker）的使用

最新推荐文章于 2024-06-15 09:46:18 发布

小猿L

最新推荐文章于 2024-06-15 09:46:18 发布

阅读量2.7k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/enhenglhm/article/details/121380405

版权

bootstrap 时间日期日历控件（datetimepicker）的使用（转载）

参考了上面博主有

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>time</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
		<script src="js/jquery.min.js"></script>
		<link href="./bootstrap-3.4.1/css/bootstrap.min.css" rel="stylesheet">
		<link href="./bootstrap-3.4.1/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
		<script src="./bootstrap-3.4.1/js/bootstrap.min.js"></script>
		<script src="./js/moment.js"></script>
		<script src="./bootstrap-3.4.1/js/bootstrap-datetimepicker.min.js"></script>
	</head>
	<body>
		<!--指定 date标记-->
		<div class='input-group date' id='datetimepicker1' style="width:200px; margin:10px auto">
			<input type='text' class="form-control" />
			<span class="input-group-addon">
				<span class="glyphicon glyphicon-calendar"></span>
			</span>
		</div>
		<script>
			$(function() {
				$('#datetimepicker1').datetimepicker({
					format: 'YYYY-MM-DD',
					locale: moment.locale('zh-cn')
				});
			});
			$('#datetimepicker1').datetimepicker({
				format: 'YYYY-MM-DD',
				locale: moment.locale('zh-cn'),
				defaultDate: "2021-10-10"
			});
		</script>
	</body>
</html>

效果图：

小猿L

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap 时间日期日历控件（datetimepicker）的使用

bootstrap 时间日期日历控件（datetimepicker）的使用（转载）参考了上面博主有<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>time</title> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale
复制链接

扫一扫