vue-good-table日期格式2019-02-26T02:11:56.308466-08:00

时间:2019-02-26 10:32:45

标签: javascript vue.js

有日期类型字段,例如:

{
    label: 'Created at',
    field: 'creationDateF',
    type: 'date',
    inputFormat: 'DD-MM-YYYY HH:mm:ss', //e.g. 07-09-2017 19:16:25
    outputFormat: 'DD-MM-YYYY HH:mm:ss'
}

如果输入格式如下,该如何设置?

2019-02-26T02:11:56.308466-08:00

?例如,2019年2月21日上午2:44除外,我可以处理此问题,但我不知道如何设置输入格式。

1 个答案:

答案 0 :(得分:0)

vue-good-table使用'date-fns'转换日期。您可以找到其代码here

我尝试过类似的代码:

var dateFns = require("date-fns")
var v='2019-02-26T02:11:56.308466-08:00';
var dateInputFormat='MMM. DD, YYYY, hh:mm a.';// you can write every thing as format string here
var dateOutputFormat='MMM. DD, YYYY, hh:mm a.';
const date = dateFns.parse(v, dateInputFormat, new Date());
Con dateFns.format(date, dateOutputFormat);

它正常工作。 test your self here

由于您的输入格式与ISO兼容,因此您不必担心输入格式。即使您在定义部分输入了错误的输入格式,它仍然有效...

注意:Java脚本日期的第二部分后面只有3位数字,因此您输入的数字为2019-02-26T02:11:56.308-08:00和0.000466将被省略。.

注意:显示的值将转换为您当地的时区。