4
votes

Formatage de la date du type d'entrée dans vue.js

J'utilise bootstrap-vue.

Il inclut la date de type d'entrée.

Lorsque j'écris un nombre, le format par défaut est aaaaaa-mm-jj.

Je veux changer le format aaaaa-mm-jj en aaaa-mm-jj.

vue.js bootstrap-vue html5-input-date

0 commentaires

3 Réponses :

6
votes

utilisez un formateur:

format(value, event) {
    return moment(value).format('YYYY-MM-DD')
}

Déclarez comment la valeur doit être formatée dans cette fonction:

:formatter="format"

À titre d'exemple en utilisant le momentjs .

2 commentaires

L'option du formateur fonctionne après avoir tapé tout le texte. si je tape 20190314, il renvoie 201903-14-.

Peu importe le format dans lequel vous tapez. Le but de l'utilisation d'une bibliothèque de données dans le formateur est de prendre une chaîne arbitraire pour tenter de la convertir dans le cas approprié. Si ce n'est pas correct, vous devriez afficher. une erreur et informez l'utilisateur.

-1
votes

Essayez ceci:

<input type="date" v-model="moment(mydate).format('YYYY-MM-DD')" v-on:input="mydate = moment($event.target.value).toDate()"/>

0 commentaires

-1
votes

J'utilise moment.js

<input type="date" class="form-control" v-model="startDate"> {{startDate}}
<input type="date" class="form-control" v-model="endDate"> {{endDate}}

HTML

data:{
        startDate: moment().format("YYYY-MM-DD"),
        endDate: moment().format("YYYY-MM-DD"),
    }

0 commentaires