element选择周日期组件如何获取选中周的开始日期和结束日期

浮生666

已于 2022-03-14 10:00:47 修改

阅读量3.7k

点赞数 2

分类专栏： element-ui 文章标签： vue.js html5 javascript

于 2020-11-30 16:21:31 首次发布

本文链接：https://blog.csdn.net/qq_43069664/article/details/110391117

版权

element-ui 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!-- import CSS -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<style type="text/css">
			.el-date-editor.el-input, .el-date-editor.el-input__inner{
				width: 360px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="block">
				<span class="demonstration">周</span>
				<el-date-picker @change="changeOne" v-model="value1" type="week" :format="startTimeStamp + ' 至 ' + endTimeStamp" placeholder="选择周">
				</el-date-picker>
			</div>
		</div>
	</body>
	<!-- import Vue before Element -->
	<script src="https://unpkg.com/vue/dist/vue.js"></script>
	<!-- import JavaScript -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<script>
		new Vue({
			el: '#app',
			data() {
				return {
					value1: "",
					startTimeStamp:"",
					endTimeStamp:""
				}
			},
			methods: {
				changeOne(val) {
					let timeStamp = val.getTime(); //标准时间转为时间戳，毫秒级别
					this.startTimeStamp = this.fun(timeStamp - 24 * 60 * 60 * 1000); //开始时间
					this.endTimeStamp = this.fun(timeStamp + (24 * 60 * 60 * 1000) * 5); //结束时间
					console.log(this.startTimeStamp, this.endTimeStamp);
				},

				//时间戳转为yy-mm-dd hh:mm:ss
				fun(unixtimestamp) {
					var unixtimestamp = new Date(unixtimestamp);
					var year = 1900 + unixtimestamp.getYear();
					var month = "0" + (unixtimestamp.getMonth() + 1);
					var date = "0" + unixtimestamp.getDate();
					var hour = "0" + unixtimestamp.getHours();
					var minute = "0" + unixtimestamp.getMinutes();
					var second = "0" + unixtimestamp.getSeconds();
					return year + "-" + month.substring(month.length - 2, month.length) + "-" + date.substring(date.length - 2, date
							.length) +
						" " + hour.substring(hour.length - 2, hour.length) + ":" +
						minute.substring(minute.length - 2, minute.length) + ":" +
						second.substring(second.length - 2, second.length);
				}
			}
		})
	</script>
</html>

浮生666

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
element选择周日期组件如何获取选中周的开始日期和结束日期

代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8">  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> </head> <body> <div id="app"&
复制链接

扫一扫

专栏目录