使用primeng日历时如何格式化日期?

时间:2017-02-13 09:23:22

标签: angular datepicker calendar primeng

使用Prime NG p-calendar组件时如何只获得日期,月份和年份?当我执行console.log我的变量时,我得到了这些值。它显示了这个值:

  

日期{Wed Feb 01 2017 00:00:00 GMT + 0700(东南亚标准时间)}

所以我不想要那么久,我只需要01/02/2017,我不需要其余的。那么我怎样才能获得日期,月份和年份格式?因为我已经这样做了:

这是我的HTML:

这是我的component.ts:

{{1}}

2 个答案:

答案 0 :(得分:5)

您可以使用纯JavaScript日期函数执行此操作:

let day = date.getDate();
let month = date.getMonth() + 1; // add 1 because months are indexed from 0
let year = date.getFullYear();

console.log(day + '/' + month + '/' + year);

另一种方法是使用toLocaleDateString()方法,如下所示:

let newDate = date.toLocaleDateString();
console.log(newDate);

或者您可以使用某些库作为moment.js,您可以按以下方式使用:

let newDate = moment(date).format('DD/MM/YYYY').toString();
console.log(newDate();

两个解决方案都会控制日志记录相同的字符串。

答案 1 :(得分:1)

null