<el-date-picker v-model="pushTime" type="datetime" placeholder="请选择发送时间"
:picker-options="pickerPushTime" value-format="yyyy-MM-dd HH:mm:ss" clearable />
import { parseTime } from '@/utils/parseTime.js'
export default {
data() {
return {
pickerPushTime: {
disabledDate(time) {
const dateTime = new Date()
const startDateTime = dateTime.setDate(dateTime.getDate() - 1)
return (
time.getTime() < new Date(startDateTime).getTime()
)
},
selectableRange:
parseTime(new Date(new Date().setHours(new Date().getHours())), '{hh}:{ii}:{ss}') + '- 23:59:00'
},
}
}
watch 判断日期是否为今天
watch: {
'editForm.pushTime': function(newVal, oldVal) {
const today = parseTime(new Date(), '{yy}-{mm}-{dd}')
const check = parseTime(newVal, '{yy}-{mm}-{dd}')
if (check) {
if (check === today) {
this.pickerPushTime.selectableRange = parseTime(new Date(new Date().setHours(new Date().getHours())), '{hh}:{ii}:{ss}') + '- 23:59:00'
} else {
this.pickerPushTime.selectableRange = '00:00:00 - 23:59:00'
}
}
}
},
parseTime 格式化时间方法
export function parseTime(time, cFormat) {
if (arguments.length === 0) {
return null
}
const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
let date
if (typeof time === 'object') {
date = time
} else {
if (typeof time === 'string' && /^[0-9]+$/.test(time)) {
time = parseInt(time)
}
if (typeof time === 'number' && time.toString().length === 10) {
time = time * 1000
}
date = new Date(time)
}
const formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
}
const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
const value = formatObj[key]
if (key === 'a') {
return ['日', '一', '二', '三', '四', '五', '六'][value]
}
return value.toString().padStart(2, '0')
})
return time_str
}