element 日期时间组件默认显示当前时间
背景:
日期时间组件,默认时间显示当前时间,或者当前时间的第2天:
const _deadline = new Date();
_deadline.setTime(_deadline.getTime() + 24 * 60 * 60 * 1000);
const _str = formatTime(_deadline);//自定义方法,转成"YY-MM-DD hh:mm:ss"形式
绑定这个默认值:
<el-date-picker
v-model="_str"
type="datetime"
placeholder="请选择"
:default-time="state.defaultTime || defaultTime"
value-format="YYYY-MM-DD HH:mm:ss"
:readonly="state.isReadonly || false"
:disabled-date="state.disabledDate"
/>
封装方法:
export const formatTime = (time, format = "YY-MM-DD hh:mm:ss") => {
const args = {
y: time.getFullYear(),
M: time.getMonth() + 1,
d: time.getDate(),
h: time.getHours(),
m: time.getMinutes(),
s: time.getSeconds(),
};
for (const key in args) {
const value = args[key];
if (value < 10) args[key] = "0" + value;
}
const dateStr =
args.y +
"-" +
args.M +
"-" +
args.d +
" " +
args.h +
":" +
args.m +
":" +
args.s;
return dateStr;
};