new Date() 时间格式转换YYYY-MM-DD hh:mm:ss

这段代码提供了两个JavaScript函数,用于将日期字符串'Wed Oct 07 2020 00:00:00 GMT+0800 (中国标准时间)'转换为'YYYY-MM-DD'和'YYYY-MM-DDhh:mm:ss'格式。getDayTimer()函数分别处理了日期和时间的格式化,确保在单个位数时前面补零。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Wed Oct 07 2020 00:00:00 GMT 0800(中国标准时间)
转换为 YYYY-MM-DD hh:mm:ss

// 时间格式转换 YYYY-MM-DD
export function getDayTimer (data) {
  var date = new Date(data)
  var y = date.getFullYear()
  var m = date.getMonth() + 1
  m = m < 10 ? ('0' + m) : m
  var d = date.getDate()
  d = d < 10 ? ('0' + d) : d
  var currentdate = y + '-' + m + '-' + d
  return currentdate
}
// 时间格式转换 YYYY-MM-DD hh:mm:ss
export function getDayTimer (data) {
  var date = new Date(data)
  var y = date.getFullYear()
  var m = date.getMonth() + 1
  m = m < 10 ? ('0' + m) : m
  var d = date.getDate()
  d = d < 10 ? ('0' + d) : d
  var currentdate = y + '-' + m + '-' + d;
  var hh = date.getHours()
  hh = hh < 10 ? ('0' + hh) : hh
  var mm = date.getMinutes()
  mm = mm < 10 ? ('0' + mm) : mm
  var ss = date.getSeconds()
  ss = ss < 10 ? ('0' + ss) : ss
  var time = hh + ':' + mm + ':' + ss;
  return currentdate + " " + time
}
Vue.js 是一种用于构建用户界面的渐进式前端框架,由尤雨溪创建,并通过社区维护。虽然 Vue 自身并不直接处理数据格式化任务,但它能够很好地与其他库结合使用,如 moment.js 或 vue-filter 转换器插件,来进行日期时间格式化的操作。 对于时间 `yyyy-mm-dd HH:MM:ss` 的格式转换,通常需要借助 JavaScript 的内置方法或者专门的数据处理库。下面是如何使用 Vue.js 结合 moment.js 进行时间格式转换的一个示例: 首先,你需要安装并导入 moment.js 和一个 Vue.js 指令插件(例如 vue-filter),用于处理时间格式化功能: ```html <!-- 引入 moment.js --> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script> <!-- 引入 vue-filter 插件,这里假设已经配置好了 --> <script src="path/to/vue.filter.js"></script> <!-- 使用自定义指令进行时间格式--> <script> import { format } from 'vue.filter'; // 假设这个是用于时间格式化的过滤器 export default { data() { return { dateStr: "2023-04-05 12:30:45", // 示例字符串时间 }; }, filters: { formatDate(value) { const date = moment(value); return date.format('YYYY-MM-DD HH:mm:ss'); // 格式化为 yyyy-mm-dd hh:mm:ss }, }, }; </script> ``` 在这个例子中: 1. **引入** `moment.js`: 这是一个强大的日期时间操作库。 2. **引入** `vue-filter.js`: 需要这个文件是因为我们要使用一个过滤器来自定义日期格式化。如果你没有这样的插件,你可以自己编写一个简单的过滤器或者使用其他如 `lodash` 提供的 `_.template()` 函数来实现类似的转换。 3. **使用`formatDate`过滤器**: 将 `dateStr` 数据属性传递给该过滤器,并应用到对应的 HTML 元素上。例如,在 `<p>` 标签内设置 `v-text="dateStr | formatDate"` 可以将原始字符串格式转换为 `'yyyy-mm-dd hh:mm:ss'` 格式。 ```html <p>{{ dateStr | formatDate }}</p> ``` 最后,运行此应用程序并将页面刷新,可以看到原始时间字符串已成功转换成指定格式。这种方式使得 Vue 应用程序可以轻松地展示和操作日期时间数据。 -
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值