JS获取当前时间(YYYY-MM-DD ),element显示默认当前时间,显示默认昨天,显示默认上个月,

本文介绍在Vue和Element-UI框架下,如何设置日期选择器(datepicker)的默认显示为当前月份,同时提供了JS获取当前日期(YYYY-MM-DD)的方法。

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

进来的随便看看,或许有帮助

vue+element-ui   datepicker 设置默认日期

用的框架是vue+element-ui ,以下是时间控件

<el-form-item label="月份">
	<el-date-picker v-model="ct_month" type="month" placeholder="选择月份" format="yyyy 年 MM 月 " value-format="yyyy-MM"></el-date-picker>
</el-form-item>

由于我需要显示的是默认月份而不是具体时间日期,你们需要的可以换成

type="date"

format="yyyy 年 MM 月dd日 "

具体设置请移步

http://element-cn.eleme.io/#/zh-CN/component/date-picker

设置默认属性
ct_month: null,
方法:


getdatatime(){//默认显示今天
		this.ct_month= new Date();
	  
},


getdatatime(){//默认显示昨天
		this.ct_month= new Date();
	    this.ct_month.setTime(this.ct_month.getTime() - 3600 * 1000 * 24);
},

getdatatime(){//默认显示上周
		this.ct_month= new Date();
	    this.ct_month.setTime(this.ct_month.getTime() - 3600 * 1000 * 24 * 7);
},

getdatatime(){//默认显示上个月
		this.ct_month= new Date();
	    this.ct_month.setTime(this.ct_month.getTime() - 3600 * 1000 * 24 * 30);
},

把方法放在全局里面,也就是说一跳到这个页面就执行这个方法

主意。我的是显示月份,不是具体的日期,转具体日期下面有写

以下方法是JS获取当前时间格式为YYYY-MM-DD

把注释的去掉就是YYYY-MM-DD HH:SS

getdatatime() {
				this.ct_month= new Date();
				this.ct_month.setTime(this.ct_month.getTime() - 3600 * 1000 * 24 * 30);//获取上个月的日期(这一行去掉就是获取今天计算机上的日期了)
				
				var now = this.ct_month;

				var year = now.getFullYear(); //年
				var month = now.getMonth() + 1; //月
				var day = now.getDate(); //日

//				var hh = now.getHours(); //时
//				var mm = now.getMinutes(); //分

				var clock = year + "-";

				if(month < 10)
					clock += "0";

				clock += month + "-";

				if(day < 10)
					clock += "0";

				clock += day + " ";

//				if(hh < 10)
//					clock += "0";
//
//				clock += hh + ":";
//				if(mm < 10) clock += '0';
//				clock += mm;
				
				console.log(clock);
			},

 


分界线



datepicker 设置默认日期

 

       //今天$('#reportrange span').html(moment().startOf('day').format('YYYY-MM-DD HH:mm:ss') + ' - ' +moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'));今天
        //昨天$('#reportrange span').html(moment().subtract(1, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss') + ' - ' +  moment().subtract(1, 'days').endOf('day').format('YYYY-MM-DD HH:mm:ss'));过去30天
        //过去七天$('#reportrange span').html(moment().subtract(6, 'days').startOf('days').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().endOf('days').format('YYYY-MM-DD HH:mm:ss'));过去30天
        //默认30天$('#reportrange span').html(moment().subtract(29, 'days').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().format('YYYY-MM-DD HH:mm:ss'));过去30天
        //默认这个月$('#reportrange span').html(moment().startOf('month').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().endOf('month').format('YYYY-MM-DD HH:mm:ss'));过去30天
        //默认上个月$('#reportrange span').html(moment().subtract(1, 'month').startOf('month').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().subtract(1, 'month').endOf('month').format('YYYY-MM-DD HH:mm:ss'));

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值