如何在html输入中添加VueJs的最大日期?

Question

我想知道如何使用vuejs动态添加最大值到日期输入。

我的html是:

<input type="date"
class="form-control" 
max = "How can I get a value dynamically"
id="exampleInputEmail1" 
v-model="form.collection_date" 
placeholder="Ingresa la fecha de la recaudación" 
required>

我有一个max属性，我想知道如何将该值动态地与VueJs。

Answer 1

您可以将您想要的日期绑定为max(日期类型)。

例如，如果你想设置今天为最大日期，你应该添加

<input type="date"
class="form-control" 
:max="new Date()"
id="exampleInputEmail1" 
v-model="form.collection_date" 
placeholder="Ingresa la fecha de la recaudación" 
required>

关键是绑定你想要的日期是最大的。注意，在日期类型输入中，max也应该是一个日期。