javascript - 我想在输入数字自动格式化日期格式，格式化日期格式为：YYYY-MM-DD

Question

我想写一个组件，在输入数字中比如：201705 自动格式化日期格式，最终日期格式为：2017-05 再次输入06自动格式化2017-05-06

Answer 1

Edit: 对提出的 case 做简单转换：

const date str = '20170523'

const result = new Date()
result.setFullYear(parseInt(str.substr(0, 4)))
result.setMonth(parseInt(str.substr(4, 2)) - 1)
result.setDate(parseInt(str.substr(6, 2)))

// 函数定义见下
getDateFromTimestamp(result.getTime())

一个简单的实现如下：

// 1495517932472 毫秒级时间戳
const date = new Date().getTime()

function formatMonth (num) {
  return [
    '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'
  ][num]
}

function getDateFromTimestamp (ts) {
  const date =  new Date(ts)
  const YYYY = date.getFullYear()
  const MM = formatMonth(date.getMonth())
  const DD = date.getDate()
  return `${YYYY}-${MM}-${DD}`
}

// 2017-05-23
console.log(getDateFromTimestamp(date))

Answer 2

你也许需要 momentjs

Answer 3

雷雷

Answer 4

雷雷

Answer 5

雷雷

Answer 6

原生<input type="date" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}">不好吗？