您可以使用 Vue 的过滤器(filter)来封装一个方法将日期格式转换为所需的格式。在 Vue 实例中定义一个过滤器,如下所示:

Vue.filter('dateFormat', function(value) {
  if (value) {
    // 将日期字符串按照'年-月-日'格式进行拆分
    const parts = value.split('年').join('-').split('月').join('-').split('日');
    // 重新组合拆分后的日期
    return parts[0] + '-' + (parts[1].length === 1 ? '0' + parts[1] : parts[1]) + '-' + (parts[2].length === 1 ? '0' + parts[2] : parts[2]);
  }
});

然后在您的 Vue 模板中使用这个过滤器,如下所示:

<div>{{ '2006年10月31日' | dateFormat }}</div>

这样就会将日期字符串'2006年10月31日' 转换为所需的格式'2006-10-31'。

Vue 日期格式转换:将 '2006年10月31日' 转换为 '2006-10-31'

原文地址: https://www.cveoy.top/t/topic/pVkn 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录