使用el

发布时间:2024-12-17 23:23

减少塑料使用,使用可重复使用的购物袋 #生活常识# #环保生活Tips# #可持续发展#

最新推荐文章于 2024-11-06 15:22:30 发布

一个没有理想的程序猿 于 2020-03-30 15:07:13 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

首先需要了解一下 new Date() 这个方法

var d = new Date(); d .getFullYear(); //获取完整的年份(4位) d .getMonth(); //获取当前月份(0-11,0代表1月) d .getDate(); //获取当前日(1-31) d .getDay(); //获取当前星期X(0-6,0代表星期天) d .getTime(); //获取当前时间(从1970.1.1开始的毫秒数) d .getHours(); //获取当前小时数(0-23) d .getMinutes(); //获取当前分钟数(0-59) d .getSeconds(); //获取当前秒数(0-59) d .getMilliseconds(); //获取当前毫秒数(0-999) d .toLocaleDateString(); //获取当前日期 var mytime=d.toLocaleTimeString(); //获取当前时间 d.toLocaleString( ); //获取日期与时间 12345678910111213

2.然后在我们的工程中引入el-date-picker 控件

<el-date-picker v-model="value1" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm" > </el-date-picker> 123456789

3.写上我们的逻辑

export default {data(){ return{ value1:[], }}created() {//当前设定的日期时间 let d = new Date let year1,month1,day1; [year1,month1,day1] = [d.getFullYear(),d.getMonth(),d.getDate()] let date1 = new Date(year1, month1, day1,7) this.value1.push(date1) //前一天设定的日期时间 let year2,month2,day2 d.setTime(d.getTime()-24*60*60*1000); [year2,month2,day2] = [d.getFullYear(),d.getMonth(),d.getDate()] let date2 = new Date(year2,month2,day2,7) this.value1.unshift(date2) }, }

123456789101112131415161718192021

这样我们就能得到一个我们想要效果在这里插入图片描述

网址:使用el https://www.yuejiaxmz.com/news/view/504045

相关内容

el
vue el
El Largo Invierno = The Long Winter
Gerardo el Guepardo = Charlie the Cheetah
格利特 速干电气设备清洗剂,EL
filter过滤器的使用
JavaScript常用优化分享(三)
vue技巧
element ui 弹出组件的遮罩层在弹出层的上面的解决方法:modal
用div的contenteditable = true做文本编辑器 光标的设置方法

随便看看