javascript - Quasar 弹出日历显示当前日期

Question

我需要一些帮助来让 Quasar vue 弹出窗口q-date默认显示当前日期。我可以对任何日期进行硬编码，它工作正常，但我无法让它适用于当前日期的变量。我有一个小示例代码

<div id="q-app">
  <div class="q-pa-md" style="max-width: 300px">
    <q-input filled v-model="date" mask="##/##/####" :rules="[checkDate]">
      <template v-slot:append>
        <q-icon name="event" class="cursor-pointer">
          <q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
            <q-date v-model="date" @input="() => $refs.qDateProxy.hide()"  mask="MM/DD/YYYY"></q-date>
          </q-popup-proxy>
        </q-icon>
      </template>
    </q-input>
  </div>
</div>

代码笔示例

标签： javascriptvue.jsquasar

Answer 1

我想出了我需要什么。
我不得不添加

 beforeMount(){
  this.getCurrentDate();
},

在 getCurrentDate 我必须设置

  this.date = Today;