[英]How to change timestamp format of type=date in Vuetify text field
我正在尝试使用 type="date" 的 Vuetify 文本字段将开始和结束日期绑定到 Vue.js 组件。 日期格式默认返回为 MM-DD-YYYY。 但是我需要日期以 YYYY-MM-DD 格式返回。 如何配置这些字段的日期类型以返回 YYYY-MM-DD。 这是我当前的字段设置:
<v-text-field v-model="start" type="date" label="start"></v-text-field>
<v-text-field v-model="end" type="date" label="end"></v-text-field>
感谢您的反馈!
您可以使用 vuetify 日期选择器
<v-menu
v-model="startDtMenu"
:close-on-content-click="false"
:nudge-right="40"
transition="scale-transition"
offset-y
min-width="290px"
>
<template v-slot:activator="{ on }">
<v-text-field
:value="dayjs(start).format('YYYY-MM-DD')"
label="Work Date*"
readonly
dense
v-on="on"
></v-text-field>
</template>
<v-date-picker v-model="start" @input="startDtMenu= false"></v-date-picker>
</v-menu>
并在数据属性中,您可以定义
data(){
return{
startDtMenu: false,
start: '',
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.