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

Question

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

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

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

这是我的HTML:

这是我的组件.ts:

export class report {

  public date: any;


  constructor() {

  }

  public proses(date) {

    console.log(date);

  }

}

Answer 1

您可以使用纯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();

两种解决方案都将控制台记录相同的字符

Answer 2

我知道这是一个老问题，但我需要这个答案，但我认为我没有在得票最多的答案中找到它。问题是如何使用Prime NG中的元素p-calendar来获取它，我们只是有一种方法可以使用纯 JavaScript 来实现。我找到了按照问题提出的简单方法，所以，这就是我的答案：

<p-calendar dateFormat="mm/dd/yy" dataType="string"></p-calendar>

您可以使用“dateFormat”选择值的使用方式，并选择数据类型作为字符串以获取输入中的值。