js截取/转换时间格式

js 

   console.log(create_time)//2020-12-10T06:49:59.189Z

      // 转换时间格式
      let date = create_time;
      let year = date.substring(0, 5);
      let month = date.substring(5, 8);
      let day = date.substring(8, 10);
      let hour = date.substring(11, 14);
      let minute = date.substring(14, 17);
      let second = date.substring(17, 19);
      let newDate = year + month + day + " " + hour + minute + second;

       console.log(newDate)//2020-12-10 06:49:59

      newDate = newDate.replace(/-/g, '/')
      console.log(newDate)//2020/12/10 06:49:59

输出

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js 是一种用于构建用户界面的渐进式前端框架,由尤雨溪创建,并通过社区维护更新。在 Vue 中处理日期格式化时,通常我们利用 JavaScript 的内置函数或者第三方库来帮助我们完成复杂的日期操作。 关于 Vue 时间格式转换 `yyyyMMdd`,我们可以采用多种方式来实现。这里提供几种可行的方法: ### 方式一:使用 `moment.js` `moment.js` 是一个功能强大、易于使用的日期时间库。它可以轻松地将日期转换为不同的格式,包括 `yyyyMMdd` 格式。 首先需要安装 `moment.js`: ```bash npm install moment ``` 然后在组件内部引入并使用: ```javascript import moment from 'moment'; export default { data() { return { date: new Date(), }; }, computed: { formattedDate() { // 使用 moment.js 转换日期到 yyyymmdd 格式 const dateString = moment(this.date).format('YYYYMMDD'); return dateString; }, }, }; ``` ### 方式二:使用 `lodash` 虽然 lodash 并不是专门用于日期处理的库,但它提供了很多便捷的函数,可以简化一些复杂操作。然而,在 Vue 环境下直接使用 lodash 可能不如上面的 moment.js 方案那么直观,因为它主要是用于通用的数据操作。 若要实现同样的功能,你可以像下面这样操作: ```javascript import _ from 'lodash'; export default { data() { return { date: new Date(), }; }, computed: { formattedDate() { // 将日期对象转换为字符串,再截取前四位年份、中间两位月份、最后两位日期 return _.toSource(this.date) .split('.') .slice(0, 3) .join(''); }, }, }; ``` 需要注意的是,上述两种方法都是基于原始 JavaScript 对象的操作,它们并没有依赖 Vue 特有的生命周期钩子等特性,而是更侧重于数据处理逻辑本身。 ### 相关问题 - 实践示例 1. **如何在真实项目中集成和使用 `moment.js` 或其他库来进行日期格式化**? 2. **比较 `moment.js` 和 `lodash` 在处理日期格式化方面的优缺点**? 3. **如果在处理大量日期数据时遇到性能瓶颈,应该如何优化 Vue 应用中的日期处理逻辑**?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值