js Date使用

洋哥登陆

已于 2024-03-11 09:33:29 修改

阅读量180

点赞数

分类专栏： vue 文章标签： javascript vue.js 前端

于 2022-05-15 10:18:08 首次发布

本文链接：https://blog.csdn.net/Peanutfight/article/details/124778763

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中newDate()函数的不同用法，展示了如何创建不同格式的日期对象，并提供了获取当前时间戳的方法。此外，还详细讲解了在Vue中使用element-ui的el-date组件限制日期选择范围到今天之后的示例。最后，给出了获取上个月第一天和最后一天的函数实现。

摘要由CSDN通过智能技术生成

文章目录

记录一下js日期的使用

一、new Date()创建

// new Date('MM dd,YYYY hh:mm:ss')
const date1 = new Date('02 03,2022 14:22:33')
// new Date('YYYY/MM/dd')
const date2 = new Date('2022/05/15')
// new Date('YYYY,MM,dd')
const date3 = new Date('2022,05,16')
// new Date('MM,dd,YYYY')
const date4 = new Date('05,19,2022')
// new Date(ms) 时间戳
const date5 = new Date(1652580133948)

获取当前时间戳

// 时间戳表示一天
const one_day = 86400000		// 24 * 60 * 60 * 1000
// 获取当前时间戳
const current1 = new Date().getTime()
const current2 = Date.now()

二、vue中使用

1.element中el-date 组件，只展示今天及以后的日期

<template>
	/**
	*	 value-format: 值的格式；
	*	 format：展示的格式;
	*	 picker-options：选择器可选范围；
	*/
	<el-date-picker
      	v-model="form.startTime"
       :picker-options="beforeDate"
       format="yyyy-MM-dd"
       value-format="timestamp"
       type="date"
       placeholder="选择日期"/>
</template>
<script>
		date(){
			return {
				form:{
					startTime: ''
				},
				beforeDate: {
			        disabledDate(date) {
		          		return date.getTime() <= Date.now() - 24 * 60 * 60 * 1000
		          	}
		        }
			}
		}
</script>

三、获取上月第一天和最后一天

queryLastMonthTime() {
      const date = new Date()
      let year = date.getFullYear()
      // 当前月
      const current_month = date.getMonth()
      // 当前月第一天
      const current_firstDay = new Date(year, current_month, 1)
      // 上月最后一天
      const last_lastDay = new Date(current_firstDay.getTime() - 1000 * 60 * 60 * 24)
      // console.log(last_lastDay.getMonth(), last_lastDay.getDate())

      let last_month = date.getMonth() - 1
      if (last_month < 0) {
      // 1月重新赋值
        year -= 1
        last_month = 11
      }

      // 上月第一天
      const last_firstDay = new Date(year, last_month, 1)
      // console.log(last_firstDay.getMonth(), last_firstDay.getDate())
      return [last_firstDay.getTime(), last_lastDay.getTime()]
}