获取当月第一天和当月最后一天

探索的小白

已于 2023-06-01 11:20:29 修改

阅读量159

点赞数

文章标签： vscode vue.js 前端 javascript

于 2023-03-31 16:30:18 首次发布

本文链接：https://blog.csdn.net/Smart_Developer/article/details/129883059

版权

vue获取各种时间方法

获取当月第一天和当月最后一天

获取当月第一天和当月最后一天

办结日期:
在这里插入图片描述

<template>
	<div class="content-bj">
		<span>办结日期:</span>
        <el-date-picker
          v-model="datevalue"
          value-format="timestamp"
          type="datetimerange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          clearable
        >
	</div>
</template>

data(){
	return {
		datevalue: [new Date(this.getmonthday("firstDay")), new Date(this.getmonthday("lastDay"))], //办结日期
	}
},
methods:{
// 获取当月第一天和当月最后一天
		getmonthday(val) {
			var myDate = new Date()
			var currentMonth = myDate.getMonth()
			var firstDay = new Date(myDate.getFullYear(), currentMonth, 1)
			var lastDay = new Date(firstDay.getFullYear(), currentMonth + 1, 0)
			if (val == 'firstDay') {//当月第一天
				return this.dateTimeFormatter(firstDay)
			} else if (val == 'lastDay') {//当月最后一天
				return this.dateTimeFormatter(lastDay, "yyyy-MM-dd") + " " + "23:59:59"
			}
		},
		dateTimeFormatter(val, datefmt) {
  			var date = new Date(val);
  			return date.pattern(datefmt || 'yyyy-MM-dd HH:mm:ss');
		}
}