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;
};

原文地址：https://blog.csdn.net/weixin_45024453/article/details/145186433

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！