精华内容
下载资源
问答
  • Vue.filter('dateFormat', function (originVal) { //dateFormat为自定义函数名 const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = ...

    位置:main.js

    Vue.filter('dateFormat', function (originVal) { //dateFormat为自定义函数名
        const dt = new Date(originVal)
        const y = dt.getFullYear()
        const m = (dt.getMonth() + 1 + '').padStart(2, '0')
        const d = (dt.getDate() + '').padStart(2, '0')
        const hh = (dt.getHours() + '').padStart(2, '0')
        const mm = (dt.getMinutes() + '').padStart(2, '0')
        const ss = (dt.getSeconds() + '').padStart(2, '0')
        // 时间格式年月日、时分秒
        return `${y}-${m}-${d}`
    })
    

    引用:

    <li class="item" v-for="(item, index) in adviceList" :key="index">
         <div>{{item.time | dateFormat }}</div>
    </li>
    
    展开全文
  • 【js】vue时间格式转化

    千次阅读 2017-08-28 08:50:33
    http://blog.csdn.net/qinchaidaren/article/details/76163750 https://segmentfault.com/q/1010000005750040 http://momentjs.com/
    http://blog.csdn.net/qinchaidaren/article/details/76163750
    

    https://segmentfault.com/q/1010000005750040

    http://momentjs.com/

    展开全文
  • vue 时间格式相互转化 1、转化YYYYMMDDHHMMSS时间格式为YYYY-MM-DD HH:MM:ss export function changeTime(time) { var newtime = '' newtime = time.substring(0, 4) + '-' + time.substring(4, 6) + '-' + time....

    vue 时间格式相互转化

    1、转化YYYYMMDDHHMMSS时间格式为YYYY-MM-DD HH:MM:ss

    export function changeTime(time) {
      var newtime = ''
      newtime = time.substring(0, 4) + '-' + time.substring(4, 6) + '-' + time.substring(6, 8) + ' ' + time.substring(8, 10) + ':' + time.substring(10, 12) + ':' + time.substring(12, 14)
      return newtime
    }
    

    2、转化时间戳格式为 YYYY-MM-DD HH:MM:ss

    export function timestampToTime(timestamp) {
      var date = new Date(timestamp)
      var Y = date.getFullYear() + '-'
      var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
      var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
      var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
      var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
      var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
      return Y + M + D + h + m + s
    }
    

    3、将类似格式2020-02-11T12:24:18.000+0000 转化为 YYYY-MM-DD HH:MM:ss

    export function renderTime(date) {
      var dateee = new Date(date).toJSON();
      return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
    }
    

    4、通过时间戳判断是否过期 若过期返回1 未过期返回0

    export function TimeIsPassed(time) {
      var currentTime = Date.parse(new Date())
      if(time >= currentTime){
        return 0
      }
      else{
        return 1
      }
    }
    

    5、通过时间戳获取距当前时间之间相隔的天数

    export function TimestampBetweenDays(data){
      var now = new Date().getTime()
      return Math.floor((data - now) / (24*60*60*1000))
    }
    

    6、毫秒转换为天数

    export function MicrosecondChangeDays(data) {
      return Math.floor(data / 86400000)
    }
    
    展开全文
  • vue时间格式转化问题

    千次阅读 2020-05-23 15:46:10
    需求:前台展示一律用的时间规格:yyyy-MM-dd HH:mm:SS,即要求月日时分秒小于两位数的都要补0,这样显得整体化一。所以下面就是专门对月日时分秒小于10时做补0的处理,实际刚开始想到的就是直接挨个判断月日时分秒&...

        1. 效果图:

      

        2. 需求:前台展示一律用的时间规格:yyyy-MM-dd HH:mm:SS,即要求月日时分秒小于两位数的都要补0,这样显得整体化一。所以下面就是专门对月日时分秒小于10时做补0的处理,实际刚开始想到的就是直接挨个判断月日时分秒<10时,直接拼接0的想法,被同事打断了,这个方法太繁琐了。所以发现了以下简洁的方法,据说是es6中的函数用法,还没有去具体查询出处,先用着再说吧。接下来分析代码.

         可以把它写在一个单独的js中,这样就可以写在公共方法里,大家都可以调用的那种,当然也可以写在你需要地方的方法里,按照自己的实际情况来

          ①写在公共方法里

            可以在工具文件夹底下新建一个data.js,如下:

       代码部门:

    其中Vue.prototype是将formatDate这个方法设置问全局方法,这样就都可以调用了,注意方法名名为formatDate,后面用

    /**
     * Created by syp on 2020/5/15.
     */
    
    exports.install = function (Vue, options) {
      Vue.prototype.formatDate = function (row, column) {
        let data = row[column.property]
        if (data == null) {
          return null
        }
        let dt = new Date(data)
        let yyyy = dt.getFullYear()
        let MM = (dt.getMonth() + 1).toString().padStart(2, '0')
        let dd = dt.getDate().toString().padStart(2, '0')
        let h = dt.getHours().toString().padStart(2, '0')
        let m = dt.getMinutes().toString().padStart(2, '0')
        let s = dt.getSeconds().toString().padStart(2, '0')
        return yyyy + '-' + MM + '-' + dd + ' ' + h + ':' + m + ':' + s
      }
    }

      处理好data.js后,再在公共js中调用一下,设置为全局的,这样大家就都可以用了

    然后在vue页面进行调用图:

    :formatter="formatDate"

    formatDate就是设置为全局方法的方法名 

       ②将它只是变为局部的格式化时间调用,那么就需要把格式化时间的代码放在调用页面的方法中

    一下这个方法只需要放在本页面的method底下就好了

    formatDate (row, column) {
            let data = row[column.property]
            if (data == null) {
              return null
            }
            let dt = new Date(data)
            return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds()
          },

    在列表展示的熟悉中运用和上面一样都用:formatter="formatDate"就ok了。

    图示:

    展开全文
  • vue filters 时间戳转化时间格式 filters: { formatDate: function (time) { var re = /-?\d+/ var m = re.exec(time) var d = new Date(parseInt(m[0])) var o = { 'M+'...
  • 首先使用原生转化的方法第一种//时间转换 dateStr(d, sign) {//如果没有传递符号,给一个默认的符号 if (!sign) {sign = '-'}//获取d里面年月日时分秒 let year = d.getFullYear(),month = d.getMonth() + 1,sun = d...
  • vue时间转化

    千次阅读 2018-07-08 13:30:00
    在使用vue搭建网页中,api传回的数据中时间变量在页面上显示为Tue, 29 May 2018 10:25:55 GMT ,这不是我们需要的时间格式,需要的格式为2018-05-29 。 1.下载moment.js,可直接使用npm下载 2.在过滤器中编写 ...
  • vue 时间格式

    2020-10-13 13:31:27
    时间转化 // 时间转换 timestampToTime (cjsj) { var date = new Date(cjsj) var Y = date.getFullYear() + '-' var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'
  • 在上一篇中基本讲诉了Vue过滤器的基本使用,那么在后台管理系统的业务中,使用最多的一个过滤器就是时间格式转化,下面来看看,如何处理。 构建示例 <!DOCTYPE html> <html lang="en"> <head> ...
  • 时间格式化的过滤字符串中,如果没有补全字符串的内容,可能显示如下: 可以看到月份和分钟数显示为单个数字,能否补全为01和07的显示效果呢? 下面使用padStart()方法来处理一下。 pagStart() 和 padEnd ...
  • 首先使用原生转化的方法第一种//时间转换dateStr(d, sign) {//如果没有传递符号,给一个默认的符号if (!sign) {sign = '-'}//获取d里面年月日时分秒let year = d.getFullYear(),month = d.getMonth() + 1,sun = d....
  • 过滤器格式时间data.js 格式化方法使用 *// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1...
  • 首先需要在需要过滤的时间里面添加一个过滤器我这里需要过滤的是item.time然后需要在item.time后面添加自定义过滤的名称 date接下来就是需要定义一个date函数进行过滤操作了首先声明的一点就是大家要看得懂es6的语法...
  • 最近的实训项目,要把后端的时间展示到前端,同时也要把前端选择的时间传到后端查询符合时间段的对象,并返回到前端。 1. 后端时间展示到前端 如果什么都不改,直接time: res.data.time,那么显示在前端的是 api.get...
  • 初始值默认值设置及时间转化问题需求:点击更新信息按钮,弹出的对话框中的时间选择器默认选择当前时间(后端返回的是时间戳(this.plant.created_time))注:手册里面说的 default-value,是当你点开选择器之后默认...
  • vue时间日期格式

    千次阅读 2018-11-28 17:48:40
    // 对Date的扩展,将 Date 转化为指定格式的String // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==&gt; 2006-07-02 08:09:04.423 // (new Date()).Format("yyyy-M-d h:m:s...
  • vue-cli时间戳转化时间

    2019-04-28 17:46:52
    前端接收后台传回的数据,其中最常见的就是时间戳,这样就是需要我们自己转化时间格式 所以使用New date()处理 代码如下: <div>{{New Date(parseInt(时间戳).toLocaleString())}}</div> 浏览器...
  • 全局过滤器和vue的实例是平级关系,不存在包含与被包含的关系 1.定义语法 // 过滤器的定义语法 Vue.filter('过滤器的名称',function(){}) // 过滤器中function ,第一个参数已经固定死了,永远是过滤器管道 符...

空空如也

空空如也

1 2 3 4 5 6
收藏数 111
精华内容 44
关键字:

vue时间格式转化

vue 订阅