如何在Vue JS模板中更改日期格式

时间:2019-01-17 06:27:06

标签: javascript php angularjs react-native vue.js

这是我得到的格式

$('#Options').on('change',  function() {
        option = this.value.toLowerCase();
        var teaxtarea = $('#TextArea');
        //this is supposed to change the source string when the option value changes.
        teaxtarea.autocomplete( "option", "source", "search.php?option="+ option);
    }
});

这是我想要的格式

2019-01-08T11:11:00.000Z

我该如何格式化日期?

注意:我不要片刻包

1 个答案:

答案 0 :(得分:0)

使用Date构造函数从日期字符串创建新的日期对象。然后,您可以使用此对象以任何自定义格式创建日期。请参见下面的代码。

const input = "2019-01-08T11:11:00.000Z";

const dateObj = new Date(input);

const year = dateObj.getFullYear();
const month = (dateObj.getMonth()+1).toString().padStart(2, '0');
const date = dateObj.getDate().toString().padStart(2, '0');

const result = `${year}-${month}-${date}`;

console.log(result);