Question

我们正在使用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”？

Answer 1

将此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。您也可以设置其他 valueTypes 。

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

Answer 2

您没有在select tag, time, cast(round(value, 1) as decimal(5, 1)) from (select tag, time, value, lag(value) over (partition by tag order by time) as prev_value from picomp where tag = test.PV' and time >= '2017-06-19' ) p where round(value, 1) <> round(prev_value, 1) or prev_value is null;选项中定义DatePickerFormat，而是将其定义为custom property.

要访问它，您应该使用data。

因此将$opptions.DatePickerFormat更改为

:format="DatePickerFormat"

或者在:format="$options.DatePickerFormat"选项中将其定义为

data

Datepicker VueJS，可以正确显示，但不能以相同格式发送

2 个答案: