v-calendarから日付の適切な出力を取得しようとしています。これは次のようになります。
Fri Jul 31 2020 00:00:00 GMT+0200 (utc summertime)
これは2020-07-28などである必要があります。ドキュメントに機能するものが見つかりません。出力を変更する方法を知っている人はいますか?
コード:
{{ date }}
<v-date-picker
v-model="date"
color="red"
is-inline
:available-dates='dates'
:masks='{ input:["L", "YYYY-MM-DD"] }'
/>
テスト用のスクリプト:
<script>
var app = new Vue({
el: "#dic",
data: {
date: moment().format('YYYY-MM-DD'),
},
});
</script>
にformattedDate
基づいて呼び出される計算プロパティを追加しdate
て使用し、data
プロパティを保持します。
let app = new Vue({
el: '#app',
data: {
date: moment().format('YYYY-MM-DD'),
},
computed: {
formattedDate() {
return moment(this.date).format('YYYY-MM-DD')
}
}
})
<script src='https://unpkg.com/vue/dist/vue.js'></script>
<script src='https://momentjs.com/downloads/moment.min.js'></script>
<script src='https://unpkg.com/v-calendar'></script>
<div id='app'>
{{formattedDate }}
<v-date-picker v-model="date" color="red" is-inline />
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加