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

时间:2019-03-05 05:48:18

标签: javascript reactjs

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

var d =(date);    警报(d);

enter image description here

4 个答案:

答案 0 :(得分:1)

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

momentJs的示例

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

答案 1 :(得分: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'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>

答案 2 :(得分:1)

请尝试这个。

  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 )

编辑:

  1. getDate()方法返回指定日期的月份(从1到31)。

  2. getMonth()方法根据本地时间返回指定日期的月份(从0到11)。 注意:一月是0,二月是1,依此类推。

  3. getFullYear()方法返回指定日期的年份(日期在1000到9999之间的四位数)。

答案 3 :(得分:0)

它不特别要求React

首先创建一个对象,以使用月份名称映射月份号。然后使用Date对象转换输入并使用getDategetMonthgetFullYear函数以所需格式创建日期。

还请注意,月份以0开头,这意味着Jan0,所以要加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)