移动端 date 类型输入框不识别正确格式??的字符串.

[TomVista]

将'2019-01-28T00:00:00'格式化成'2019-01-28'然后通过 vue v-model 绑定给 input,部分移动端浏览器认不出来.

被逼无奈花了 30 分钟看正则.

dateProgress_error('2019-01-28T00:00:00') === dateProgress_true('2019-01-28T00:00:00')

//true

原始数据

2019-01-28T00:00:00

错误的格式化函数

 /**
 * yyyy-mm-dd'T'hh-ss-dd =>yyyy-mm-dd
 * @param {string} date 
 */
function dateProgress_error(date) {
  var newDate = new Date(date.replace('T', ' ')).toLocaleDateString();
  // eslint-disable-next-line no-useless-escape
  var tmp = newDate.split(/\//);
  if (tmp.length === 1) {
    return newDate;
  }
  if (tmp[1].length !== 2) {
    tmp[1] = '0' + tmp[1];
  }
  if (tmp[2].length !== 2) {
    tmp[2] = '0' + tmp[2];
  }

  return tmp.join('-');
}

正确的格式化函数

/**
 * yyyy-mm-dd'T'hh-ss-dd =>yyyy-mm-dd
 * @param {string} date 
 */
function dateProgress_true(date) {
  return date.replace(/T\S*/,'');
}

[airyland]

我觉得标准时间操作就不要用正则了，new Date 直接解析或者用 dayjs 来操作。

[whypool]

ios 还有用-不能转，必须用 /

[TomVista]

@airyland 🤣我去看看这个库,脑子抽风,没想出来 Date 就可以解决.

@whypool 我是 android 设置的 iphone ua,浏览器 ua 不影响 js 引擎.我再看看为什么.很奇怪的错误.

[TomVista]

@airyland 问下不用正则的理由.

[weixiangzhe]

推荐 dayjs 吧，ios 不认 2018-02-19 这种的

[TomVista]

@weixiangzhe 嗯,明白了,脑子没转过来,还要兼容 ios🤦‍♂️

[iamkun]

`dayjs('2019-01-28T00:00:00').format() ` 帮你搞定一切 😁

[TomVista]

@iamkun
@weixiangzhe
@airyland

dayjs(somedate).format() 在不同的浏览器由于兼容性会返回不同格式的日期吗?我这里没有测试环境.

[TomVista]

我这里测试 谷歌浏览器不支持 yyyy/mm/dd 格式的日期赋值给<input type='date'>