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

798qvoo8  于 2023-06-30  发布在  Vue.js
关注(0)|答案(1)|浏览(127)

我想知道如何使用vuejs动态地将max值添加到日期输入中。
我的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动态地放置这个值。

5gfr0r5j

5gfr0r5j1#

您可以将所需的日期绑定为最大值(日期类型)。
例如,如果您想将今天设置为最大日期,则应添加

<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。注意,在日期类型的输入中,max也应该是一个日期。

相关问题