以年-月-日为格式设置vue-datepicker时间

Question

我正在使用ve3 -datepicker库。

<datepicker  
v-model="to_date"
inputFormat="yyyy-MM-dd"
/>

我的数据方法如下:

data(){
to_date: new Date(),
}

当我选择一个日期并打印{{this.to_date}}时，它正在打印Fri Sep 17 2021 09:39:49 GMT+0530 (India Standard Time)。

我想要yyyy-MM-dd格式的。

我怎样才能做到这一点?

Answer 1

一个快速的解决方案是使用Date.prototype.toISOString()，它将日期格式化为:

yyyy-MM-ddTHH:mm:ss.sssZ

因此，通过将结果除以T并取第一个数组元素，可以得到所需的日期格式:

const formatDate = date => {
const tzOffset = date.getTimezoneOffset() * 60 * 1000
return new Date(date - tzOffset).toISOString().split('T')[0]
}

然后使用模板中的方法:

<span>{{ formatDate(to_date) }}</span>

演示

Answer 2

你可以使用moment npm package

安装:

npm i moment

: -

moment(new Date()).format("yyyy-MM-dd")

你可以使用use different format

var dt = new Date();
console.log(moment(dt).format("YYYY-MM-DD HH:mm:ss"));
console.log("Date: "+moment(dt).format("YYYY-MM-DD"));
console.log("Year: "+moment(dt).format("YYYY"));
console.log("Month: "+moment(dt).format("MM"));
console.log("Month: "+moment(dt).format("MMMM"));