Vue JS-如何使用新日期在月前添加零

Question

我有一个函数可以给出日期，唯一的问题是我的日期在2021年5月31日上显示为这样，但我想让它出现在<strong]2021年05月31日>这是我的代码

<span>{{ dtFormatter(course.updated_at) }}</span>
dtFormatter(d) {
var dateObj = new Date(d);
var day = dateObj.getUTCDate();
var month = dateObj.getUTCMonth() + 1; //months from 1-12
var year = dateObj.getUTCFullYear();
return day + "." + month + "." + year;
},

Answer 1

如果需要，可以使用padStart添加前导Zero：

day.padStart(2, '0') + '.' + month.padStart(2, '0') + '.' + year

day和month应该是带的字符串

Answer 2

我看到你已经计算好了日期。所以你可以这样做。

`0$｛day｝`.sice(-2(`

这将输出01～09和10～31。

Answer 3

如果需要，可以使用String#slice添加前导0：

('0' + day).slice(-2) + '.' + ('0' + month).slice(-2) + '.' + year;

注意：padStart在IE中不起作用。

Answer 4

正如@HassanImam所提到的，您可以使用一行代码：

new Date().toLocaleDateString('en-UK')

否则：

const date = new Date()
const m = String(date.getMonth() + 1).padStart(2, '0')
const d = String(date.getDate()).padStart(2, '0')
const y = String(date.getFullYear())
const formatedDate = [m, d, y].join('/')
console.log(formatedDate)