suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Wie lege ich den Standardwert für ein Eingabefeld des nativen Datetime-Typs fest, das dynamisch mit Vuejs/Nuxtjs erstellt wurde?

Ich bin Vuejs/Nuxtjs 中动态创建一些 datetime-local 类型的输入字段。我想将所有这些输入字段的默认值设置为 2022-04-21T14:27:27.000. Wie es geht?

Für direkte Felder können wir v-model 分配值,但我有点不确定如何为 datetime-local 的所有字段设置默认值。如果我没记错的话,Vanilla JavaScript 中有一个选项可以获取某种类型的所有字段并更改值,有没有办法使用 Vuejs/Nuxtjs verwenden, um den gleichen Zweck zu erreichen.

Hier ist mein bisheriger Code:

<template>
  <div>
    <button type="button" @click="addField" class="btn btn-info">
      Add Field
    </button>

    <div v-for="field in fieldArray" :key="field.ID" class="form-group">
      <input
        v-model="field.time"
        type="datetime-local"
        class="form-control"
        step="1"
        value="2022-04-21T14:27:27.000"
        @change="timeChange(field.ID)"
      />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fieldCount: 0,
      fieldArray: [],
    };
  },
  mounted() {
    let now = new Date();
    now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
    now.setSeconds(now.getSeconds(), 0);
    now = now.toISOString().slice(0, -1);
    //I would like to set this "now" time value for all the created fields of input type datetime-local
    console.log("Current Time : " + now);
  },
  methods: {
    //Add field
    addField() {
      const fieldObj = { ID: this.fieldCount, time: "" };
      this.fieldArray.push(fieldObj);
    },
    //Time change
    timeChange(ID) {
      console.log("ID : " + ID);
      console.log(JSON.stringify(this.fieldArray, null, 4));
    },
  },
};
</script>

<style>
</style>

Ich möchte eine Standardzeit für alle datetime-local Felder in meiner Komponente festlegen. Gibt es eine Möglichkeit, dies zu tun? Mit einem einzelnen Feld kann ich das erreichen, mit einem dynamisch erstellten Feld jedoch nicht.

P粉156983446P粉156983446266 Tage vor546

Antworte allen(1)Ich werde antworten

  • P粉138871485

    P粉1388714852024-04-01 11:06:18

    类似这样的吗?

    
    
    
    
    

    Antwort
    0
  • StornierenAntwort