1

我们正在使用 datepicker 插件，但我们看到它以正确的日期格式显示，但它以 datepicker 的默认格式发送到服务器/数据库。

<datepicker
  v-model="model.date"
  placeholder="Choose date"
  :format="DatePickerFormat"
  id="date"
  name="date">
</datepicker>

<script>
import Datepicker from 'vuejs-datepicker'

export default {
  components: {
     Datepicker
  }
data() {
    return {
       DatePickerFormat: 'dd/MM/yyyy',
       model: {
        date: ''
      }
    }
  }
}
</script>

在输入字段中，它显示正确，但是当通过单击“保存”按钮发送数据时，格式是date: "2018-06-27T10:34:09.502Z"如何将这两种格式标准化为“DD/MM/YYYY”？

4

2 回答 2

2

将此valueType="format"属性添加到您的<date-picker>组件。

所以，整个组件就像

<date-picker v-model="delivery_date" lang="en" type="date" valueType="format" :format="'YYYY-MM-DD'"></date-picker>

现在返回值将像2020-09-06. 您也可以设置其他值类型。

查看此页面： https ://mengxiong10.github.io/vue2-datepicker/index.html

于 2020-09-06T14:49:00.800 回答
0

您没有定义DatePickerFormatinsidedata选项，您将其定义为自定义属性。

要访问它，您应该使用$opptions.DatePickerFormat.

所以:format="DatePickerFormat"改为

:format="$options.DatePickerFormat"

或者在data选项中将其定义为

data() {
    return {
       model: {
        date: ''
      },
      DatePickerFormat: 'dd/MM/yyyy'
    }
  }
于 2018-06-27T10:59:28.917 回答