【问题标题】:How to convert date to d/mm/yy format javascript [duplicate]如何将日期转换为 d/mm/yy 格式的javascript [重复]
【发布时间】:2020-07-01 08:06:33
【问题描述】:

我必须格式化这个日期yyyy-mm-dd('2019-05-31') to m/dd/yy('5/31/19')

我试过了

var format = function(input) {
  var pattern = /(\d{4})\-(\d{2})\-(\d{2})/;
  if (!input || !input.match(pattern)) {
    return null;
  }
  return input.replace(pattern, '$2/$3/$1');
};

console.log(format('2019-05-31'));

但不能消除这些值。

【问题讨论】:

  • momentjs.com 库让转换变得简单干净
  • 不只是使用.match() 的返回值作为有效输入的指示符,而是将它存储在一个变量中并使用它来构建字符串。更容易删除不必要的数字;)
  • “不能消除价值”是什么意思?
  • @bad_kotya — 用“use moment.js”回答每个日期问题就像用“use MooTools/ExtJS/zepto.js/...”回答每个 DOM 问题。

标签: javascript date format


【解决方案1】:

试试这个

function formate(yyyyMMdd) {
  const [yyyy, MM, dd] = yyyyMMdd.split('-')
  // +dd is equal to Number.parseInt(dd, 10)
  return `${Number.parseInt(MM, 10)}/${+dd}/${yyyy.slice(2)}`
}
console.log(formate('2020-08-01')); // 8/1/20
console.log(formate('2020-11-21')); // 11/21/20
console.log(formate('1019-05-31')); // 5/31/19

【讨论】:

  • ${dd}/${+MM}/${yyyy%100}。 ;-)
【解决方案2】:

你可以试试这个

function convertDate(d){
  c=d.split("-")
  d=c[1].charAt(0)==0?c[1].charAt(1):c[1]
  m=c[2].charAt(0)==0?c[2].charAt(1):c[2]
  y=c[0].charAt(2)+c[0].charAt(3)
  return d+'/'+ m +'/'+y
}
console.log(convertDate("2019-05-31"))

【讨论】:

    【解决方案3】:

    试试这个:

    function format(strDate) {
    
        let [y, m, d] = strDate.split('-');
    
        date = (m - '0') + "/" + (d - '0') + "/" + y.slice(-2);
    
        return date;
    
    }
    
    console.log(format('2019-05-31'));

    【讨论】:

    • “我必须格式化这个日期yyyy-mm-dd('2019-05-31')...”
    • 我没有仔细注意到,更新了我的答案。谢谢@Andreas。
    • @Andreas,我的回答有什么问题?
    • format() 不返回任何内容。首先解析日期可能会起作用,但也可能导致不同的日期/输出。
    • "注意:由于浏览器的差异,强烈建议不要使用 Date 构造函数(和 Date.parse(),其工作方式相同)解析日期字符串和不一致。仅按惯例支持 RFC 2822 格式字符串。对 ISO 8601 格式的支持的不同之处在于仅日期字符串(例如“1970-01-01”)被视为 UTC,而不是本地。" (来源:MDN)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-12-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-05
    • 2022-01-25
    • 2012-03-05
    相关资源
    最近更新 更多