记录一下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()]
}