js Date使用

记录一下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>