如何在 React JS 中将日期 --- 2019 年 2 月 27 日星期三 11:11:16 GMT+0530（印度标准时间）转换为 2019 年 2 月 27 日格式答案

【问题标题】：How to convert date --- Wed Feb 27 2019 11:11:16 GMT+0530 (India Standard Time) to 27-Feb-2019 format in React JS如何在 React JS 中将日期 --- 2019 年 2 月 27 日星期三 11:11:16 GMT+0530（印度标准时间）转换为 2019 年 2 月 27 日格式
【发布时间】：2019-03-05 05:48:17
【问题描述】：

我从日期选择器获取日期为 2019 年 2 月 27 日星期三 11:11:16 GMT+0530（印度标准时间）。现在我已将其转换为 27-Feb-2019 格式。请为此建议我任何最简单的方法。

var d=(日期); 警报（d）；

enter image description here

【问题讨论】：

在 javscript 中使用 Date object - 如果这不适合您，那么总会有像 moment.js 这样的库可以轻松处理日期 - 另外，使用更好的日期选择器返回一个 Date 对象而不是一个字符串

标签： javascript reactjs

【解决方案1】：

使用矩库

console.log(moment(new Date('Wed Feb 27 2019')).format('DD-MMM-YYYY'));

console.log(moment(new Date('Wed Feb 27 2019 11:11:16 GMT+0530 (India Standard Time)')).format('DD-MMM-YYYY'));

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"&gt;&lt;/script&gt;

【讨论】：

操作员希望它采用27-Feb-2019 格式。将MM 更改为MMM
耶。谢谢。错过了。

【解决方案2】：

您可以使用 moment/dayjs/date-fns 或类似的库将日期格式化为您想要的格式。

momentJs 示例

moment('2014-08-20 15:30:00').format('DD-MMM-YYYY')

【讨论】：

【解决方案3】：

请试试这个。

  var  monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
  "July", "Aug", "Sep", "Oct", "Nov", "Dec"
];
   var fromDate = new Date('Wed Feb 27 2019 11:11:16 GMT+0530 (India Standard Time)');
 
  var date =fromDate.getDate()+'-'+monthNames[fromDate.getMonth()]+'-'+fromDate.getFullYear();
alert(date )
console.log(date )

编辑：

getDate() 方法返回指定日期的月份日期（从 1 到 31）。
getMonth() 方法根据当地时间返回指定日期的月份（从 0 到 11）。注意：一月是 0，二月是 1，依此类推。
getFullYear() 方法返回指定日期的年份（1000 年到 9999 年之间的日期为四位数）。

【讨论】：

谢谢。它正在工作

【解决方案4】：

没有特别要求React

首先创建一个对象，用于将月份编号与月份名称进行映射。然后使用 Date 对象转换输入并使用 getDate 、 getMonth 和 getFullYear 函数创建所需格式的日期。

还要注意月份以 0 开头，这意味着 Jan 是 0 所以加 1

let mnthObj = {
  1: 'Jan',
  2: 'Feb',
  3: 'March',
  4: 'April'

}
let dt = new Date('Wed Feb 27 2019 11:11:16 GMT+0530 (India Standard Time)');

let conDtObj = `${dt.getDate()}-${mnthObj[dt.getMonth()+1]}-${dt.getFullYear()}`
console.log(conDtObj)

【讨论】：