Vuejs: введите дату сегодня в поле ввода

Question

Я использую ввод для даты. Как настроить вход для отображения даты сегодня? Спасибо за ваше время.

                            <div class="form-group">
                                <label>Debarred</label>
                                <input v-model="form.debarred" type="date" name="debarred"
                                       placeholder="Debarred"
                                       class="form-control" :class="{ 'is-invalid': form.errors.has('debarred') }">
                                <has-error :form="form" field="debarred"></has-error>
                            </div>

Answer 1

Вы можете обновить значение модели form.debarred при загрузке страницы следующим образом:

this.form.debarred = new Date().toLocaleDateString('en-CA');
//==> "2020-04-03" 

Теперь необходимо использовать .toLocaleDateString('en-CA'), так как <input type="date"> может принимать только значение строка, представляющая дату в формате YYYY-MM-DD или пустая.

DEMO:

const debarred = document.querySelector('[name=debarred]');
debarred.value = new Date().toLocaleDateString('en-CA');

<div class="form-group">
  <label>Debarred</label>
  <input type="date" name="debarred" placeholder="Debarred" class="form-control">
  <has-error :form="form" field="debarred"></has-error>
</div>