0

我有以下date-picker实现

v-row>
                <v-col cols="12" sm="6" md="4" class="mr-12">
                      <v-menu
                        v-model="menu1"
                        :close-on-content-click="false"
                        transition="scale-transition"
                        offset-y
                        min-width="290px"
                      >
                        <template v-slot:activator="{ on }">
                          <v-text-field
                            v-model="startDate"
                            label="Start Date"  
                            prepend-icon="event"
                            readonly
                            v-on="on"
                          ></v-text-field>
                        </template>
                        <v-date-picker v-model="startDate" no-title scrollable
                          @input="menu1 = false"
                        >
                        </v-date-picker>
                      </v-menu>
                </v-col>
                <v-col cols="12" sm="6" md="4" class="ml-12 pl-2">
                      <v-menu
                        v-model="menu2"
                        :close-on-content-click="false"
                        transition="scale-transition"
                        offset-y
                        min-width="290px"
                      >
                        <template v-slot:activator="{ on }">
                          <v-text-field
                            v-model="endDate"
                            label="End Date"  
                            prepend-icon="event"
                            readonly
                            v-on="on"
                          ></v-text-field>
                        </template>
                        <v-date-picker v-model="endDate" no-title scrollable
                          @input="menu2 = false"
                        >
                        </v-date-picker>
                      </v-menu>
                </v-col>
              </v-row>

data () {
  return {
    startDate:null,
    endDate: null,
    menu1: false,
    menu2: false,
  }

左边部分是在发布请求即响应之后，控制台是提交之前的部分 我对此数据发出发布请求，但在提交数据之前，我有正确的日期格式，但在提交后，我错过了日期的匹配格式。在图像中，左侧部分是在发布请求（即响应）之后，而控制台是提交之前的部分。这个问题来自后端吗？我不知道后端部分。

编辑：

我尝试通过以下方式格式化日期：

format_date(date){
    const [, month, day, year] = date.split(' ')
    const ddMmmYyyy = [day, month, year].join('-')
    
    return ddMmmYyyy

这似乎不起作用。这是格式化日期的正确方法吗？

4

0 回答 0