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

Question

我正在尝试在着陆页模板上设置一个隐藏的输入字段，该字段按以下格式提供日期和时间：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() 函数中的格式？我不确定我在这里遗漏了什么。

Answer 1

您的日期行不正确：

now: new Date().toISOString()

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

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

How to format date and time for hidden input field - Vue.js 3

javascript

datetime

hidden-field

vue.js

vuejs3