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>

Codepen Example

Answer 1

我知道了我需要什么。
我必须添加

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

和我必须设置的getCurrentDate

  this.date = Today;

Answer 2

将getCurrentDate方法默认为数据的日期值。

Answer 3

  <q-date
    v-model="date"
    minimal
  />

并将其放在脚本中 日期：Date.now（）

类星体弹出日历显示当前日期

3 个答案: