【微信小程序】mpvue中格式化日期

简介: 1、修改src/utils/index.js文件mpvue框架中有一个专门格式化日期的文件src/utils/index.js文件文件内容如下,其中formatDate是我自己添加的方法,是将日期格式化成“YYYY-mm-DD”格式。注意不要忘记在export default {}中添加formatDate,不然外部文件读取不到这个方法

1、修改src/utils/index.js文件


mpvue框架中有一个专门格式化日期的文件src/utils/index.js文件

文件内容如下,其中formatDate是我自己添加的方法,是将日期格式化成“YYYY-mm-DD”格式。注意不要忘记在export default {}中添加formatDate,不然外部文件读取不到这个方法


function formatNumber (n) {
  const str = n.toString()
  return str[1] ? str : `0${str}`
}
export function formatTime (date) {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hour = date.getHours()
  const minute = date.getMinutes()
  const second = date.getSeconds()
  const t1 = [year, month, day].map(formatNumber).join('/')
  const t2 = [hour, minute, second].map(formatNumber).join(':')
  return `${t1} ${t2}`
}
export function formatDate (date) {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const t1 = [year, month, day].map(formatNumber).join('-')
  return t1
}
export default {
  formatNumber,
  formatTime,
  formatDate
}


2、在vue文件中引入utils/index.js文件


代码示例:


export default {
  data () {
    var util = require('../../utils/index.js')
    return {
      date:util.formatDate(new Date)
    }
  }
}


其中date就代表今天的日期2019-03-05

目录
相关文章
|
开发框架 小程序 JavaScript
基于mpvue框架的小程序项目搭建入门教程一
基于mpvue框架的小程序项目搭建入门教程一
152 0
|
小程序 JavaScript 开发工具
如何运行github上的mpvue小程序开源项目
如何运行github上的mpvue小程序开源项目
115 0
|
小程序
微信小程序根据日期和时间进行排序
最近接手了一个小程序的项目,有这样一个需求要对列表进行日期和时间的排序,于是小试牛刀,操作了一番,终于搞出来,在这里给大家总结分享一下经验,希望对大家有一定的帮助
537 0
|
7月前
|
小程序
微信小程序日期下拉框规定显示年,月
微信小程序日期下拉框规定显示年,月
240 0
|
移动开发 开发框架 小程序
基于mpvue的小程序项目搭建的步骤
基于mpvue的小程序项目搭建的步骤
105 0
|
移动开发 开发框架 小程序
基于mpvue的小程序项目搭建的步骤一
基于mpvue的小程序项目搭建的步骤一
93 0
|
小程序 JavaScript 前端开发
小程序第三方框架对比 (mpvue、wepy、taro)2
小程序第三方框架对比 (mpvue、wepy、taro)
|
移动开发 小程序 JavaScript
小程序第三方框架对比 (mpvue、wepy、taro)1
小程序第三方框架对比 (mpvue、wepy、taro)
|
监控 小程序 应用服务中间件
使用Mpvue配合Weui开发面试题题库微信小程序,并且发布到正式环境
本次做的微信小程序项目是一个类似在线题库的功能,面试者可以通过小程序来检索笔试题,同时用户输入关键词时同步监听输入行为,不需要点击就可以获取知识要点,后台采用[tornado+mongodb+mortor的组合](https://v3u.cn/a_id_111)实现异步非阻塞的接口。
使用Mpvue配合Weui开发面试题题库微信小程序,并且发布到正式环境
|
小程序 JavaScript 前端开发
使用基于mpvue的框架开发微信小程序(搭建环境)
美团很早就开源了mpvue这个项目,如此看来,美团可不仅仅是一家团购网站,真正的技术驱动型企业,使得我们多了一种用来开发微信小程序的框架选项。由于mpvue框架是完全基于Vue框架的(重写了其runtime和compiler),因此在用法上面是高度和Vue一致的(某些功能由于受限于小程序环境本身的原因而不能使用,但是瑕不掩瑜),这给使用过Vue开发Web应用的前端开发者提供了极低的门槛来开发小程序。
使用基于mpvue的框架开发微信小程序(搭建环境)
下一篇
DataWorks