如何格式化隐藏输入字段的日期和时间 - Vue.js 3

时间:2021-05-04 19:04:34

标签: javascript vue.js datetime vuejs3 hidden-field

我正在尝试在登录页面模板上设置一个隐藏输入字段,以下列格式提供日期和时间:YYYY-MM-DD HH:MM:SS 作为每次提交表单收集的数据。

这是输入字段:

<input type="hidden" name="hidden_submit_date" v-model="now" />

这是我的 Vue 应用逻辑,用于确定要提交的当前日期和时间:

const app = Vue.createApp({
      data() {
        return {
          now: new Date("YYYY-MM-DDTHH:MM:SSZ")
        };
      },
      methods: {
        submitForm(e) {
          const isValid =
            this.contact.firstName ||
            this.contact.lastName ||
            this.contact.email;
          if (!isValid) {
            e.preventDefault();
          }
        }
      }
    });

是否需要超时?还是 Date() 函数中的格式?我不确定我在这里错过了什么。

1 个答案:

答案 0 :(得分:1)

您的日期变更线不正确:

now: new Date().toISOString()

如果您使用数据调用 Date 构造函数,它将尝试解析该数据并设置为内部日期值。见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date