精华内容
下载资源
问答
  • VUE时间转换

    2020-01-05 21:46:58
    * timestamp 日期转换 * @param time * @param cFormat * @returns {*} */ export function parseTime(time, cFormat) { if (arguments.length === 0) { return null } const format = cFormat || '...
    /**
     * timestamp 日期转换
     * @param time
     * @param cFormat
     * @returns {*}
     */
    export function parseTime(time, cFormat) {
      if (arguments.length === 0) {
        return null
      }
      const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
      let date
      if (typeof time === 'object') {
        date = time
      } else {
        if (('' + time).length === 10) time = parseInt(time) * 1000
        date = new Date(time)
      }
      const formatObj = {
        y: date.getFullYear(),
        m: date.getMonth() + 1,
        d: date.getDate(),
        h: date.getHours(),
        i: date.getMinutes(),
        s: date.getSeconds(),
        a: date.getDay()
      }
      const timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
        let value = formatObj[key]
        if (key === 'a') {
          return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
        }
        if (result.length > 0 && value < 10) {
          value = '0' + value
        }
        return value || 0
      })
      return timeStr
    }

    展开全文
  • 关于VUE时间转换

    2020-05-08 17:34:08
    普通的时间尚未转换转换时间的源代码如下 <template> <el-container> <el-header> <div>{{currTime}}}</div> </el-header> <el-main>Main</el-main> ...

    普通的时间尚未转换

    未转换时间的源代码如下

    <template>
        <el-container>
            <el-header>
                <div>{{currTime}}}</div>
            </el-header>
            <el-main>Main</el-main>
        </el-container>
    </template>
    <script>
        export default {
            name: "sunViewMeeting",
    
            data(){
                return{
                    currTime: new Date();//获取当前时间
                }
            },
    
    
    

    后续改进的方法如下:

    示例:

     <el-container>
            <el-header>
                <div>{{currTime}}</div>
            </el-header>
            <el-main>Main</el-main>
        </el-container>
        </template>
    
        <script>
            export default {
            name: "sunViewMeeting",
            data(){
                return{
    
                currTime: this.dateFormat()
                }
        },
                //方法区
            methods:{
                dateFormat(){
                    var date=new Date();
                    var year=date.getFullYear();
                    /* 在日期格式中,月份是从0开始的,因此要加0
                     * 使用三元表达式在小于10的前面加0,以达到格式统一  如 09:11:05
                     * */
                    var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
                    var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
                    var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
                    var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
                    var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
                    // 拼接
                    return year+"-"+month+"-"+day
                }
    

     

    展开全文
  • 转换时间转换过滤器filter全局过滤器局部过滤器使用JS引用转换全局引用局部引用使用方式总结 时间转换 做一个项目肯定会关系到很多的数据类型,数据类型之间都是可以转化的,,前端有时候从后端拿到的时间不符合标准,...

    时间转换

    做一个项目肯定会关系到很多的数据类型,数据类型之间都是可以转化的,,前端有时候从后端拿到的时间不符合标准,此时就需要转换以后再去使用,转换有两种方式,看你个人比较喜欢哪一种。这里已时间转换为例子

    过滤器filter

    全局过滤器

    在main.js写入

    // 时间戳过滤器
    Vue.filter('dateFormat', (dataStr) => {
      var time = new Date(dataStr)
    
      function timeAdd0 (str) {
        if (str < 10) {
          str = '0' + str
        }
        return str
      }
      var y = time.getFullYear()
      var m = time.getMonth() + 1
      var d = time.getDate()
      var h = time.getHours()
      var mm = time.getMinutes()
      var s = time.getSeconds()
      return y + '-' + timeAdd0(m) + '-' + timeAdd0(d) + ' ' + timeAdd0(h) + ':' + timeAdd0(mm) + ':' + timeAdd0(s)
    })
    

    此时时间戳details.createTime就会变成Vue.filter的参数dataStr进行运算

    局部过滤器

    在vue单文件中,有filters属性,和周期函数并列,

    注意,此时是filters不是filter局部一般比全局多一个s,比如components的全局和局部的区别是一样的

      created(){
      },
      filters:{
          dateFormat:function(dataStr){
            var time = new Date(dataStr)
            function timeAdd0 (str) {
              if (str < 10) {
                str = '0' + str
              }
              return str
            }
            var y = time.getFullYear()
            var m = time.getMonth() + 1
            var d = time.getDate()
            var h = time.getHours()
            var mm = time.getMinutes()
            var s = time.getSeconds()
            return y + '-' + timeAdd0(m) + '-' + timeAdd0(d) + ' ' + timeAdd0(h) + ':' + timeAdd0(mm) + ':' + timeAdd0(s)
           }
      },
    

    使用

    使用方式全局和局部都是一样的,我们只需要在过滤的数据后面加上 | 就行

    <span>发布时间:{{details.createTime|dateFormat}}</span>
    

    JS引用转换

    在utils文件中建一个js,用于时间转换

    export function tempToData(unixtimestamp2) {
      var unixtimestamp = new Date(unixtimestamp2)
      var year = 1900 + unixtimestamp.getYear()
      var month = '0' + (unixtimestamp.getMonth() + 1)
      var date = '0' + unixtimestamp.getDate()
      var hour = '0' + unixtimestamp.getHours()
      var minute = '0' + unixtimestamp.getMinutes()
      var second = '0' + unixtimestamp.getSeconds()
      return year + '-' + month.substring(month.length - 2, month.length) + '-' + date.substring(date.length - 2, date.length) +
        ' ' + hour.substring(hour.length - 2, hour.length) + ':' +
        minute.substring(minute.length - 2, minute.length) + ':' +
        second.substring(second.length - 2, second.length)
    }
    
    

    此时我们使用的时候,只要把js引用,在使用就行

    全局引用

    在main.js引用就行

    import { tempToData } from '@/utils/DataUtils'
    

    局部引用

    在对应的vue文件中引用

    import { tempToData } from '@/utils/DataUtils'
    

    使用方式

    <span>{{ mTempToData(details.createTime) }}</span>
    

    总结

    两种方式各有千秋,但是我个人比较喜欢过滤器filter的使用
    在学习过程中要学会举一反三

    展开全文
  • vue时间转换为字符串

    千次阅读 2020-05-13 15:35:40
    方法1: var testDate = new Date();...// toTimeString() 把 Date 对象的时间部分转换为字符串。 var dataobj_toTimeString = testDate.toTimeString(); // toDateString() 把 Date 对象的日期部分转换为字符串。

    方法1:

    var testDate = new Date();
    // toString() 把 Date 对象转换为字符串。
    var dateobj_toString = testDate.toString();          
    // toTimeString()  把 Date 对象的时间部分转换为字符串。
    var dataobj_toTimeString = testDate.toTimeString();   
    // toDateString()  把 Date 对象的日期部分转换为字符串。
    var dateobj_toDateString = testDate.toDateString();   
    // toUTCString()   根据世界时,把 Date 对象转换为字符串。
    var dateobj_toUTCString = testDate.toUTCString();   
    // toLocaleString()  根据本地时间格式,把 Date 对象转换为字符串。
    var dateobj_toLocalString = testDate.toLocaleString(); 
    // toLocaleTimeString()   根据本地时间格式,把 Date 对象的时间部分转换为字符串。
    var dateobj_toLocalTimeString = testDate.toLocaleTimeString();
    // toLocaleDateString()   根据本地时间格式,把 Date 对象的日期部分转换为字符串。   
    var dateobj_toLocaleDateString = testDate.toLocaleDateString();  

    打印结果如下

    document.write("dateobj_toString===="+dateobj_toString+ '<br><br>');  
    document.write("dataobj_toTimeString===="+dataobj_toTimeString+ '<br><br>');  
    document.write("dateobj_toDateString===="+dateobj_toDateString+ '<br><br>');  
    document.write("dateobj_toUTCString===="+dateobj_toUTCString+ '<br><br>');  
    document.write("dateobj_toLocalString===="+dateobj_toLocalString+'<br><br>');  
    document.write("dateobj_toLocalTimeString===="+dateobj_toLocalTimeString+'<br><br>');   
    document.write("dateobj_toLocaleDateString===="+dateobj_toLocaleDateString+ '<br><br>');  

    方法2:

    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    var hour = date.getHours();
    var minute = date.getMinutes();
    var second = date.getSeconds();
    month = month > 9 ? month : '0' + month
    strDate = strDate > 9 ? strDate : '0' + strDate
    hour = hour > 9 ? hour : '0' + hour
    minute = minute > 9 ? minute : '0' + minute
    second = second > 9 ? second : '0' + second
    var newdata = year + '-' + month + '-' + strDate + ' ' + hour + '-' + minute + '-' + second

    3、方法三

    changeTimestyle(oldtime) {
        // 时间转换
        var datejson = new Date(oldtime).toJSON();        
        var date = new Date( + new Date(datejson) 
                             + 8*3600*1000).toISOString().
                             replace(/T/g,' ').
                             replace(/\.[\d]{3}Z/,'')  
        return date;
    },
    结果:"2019-10-22 11:26:34"

    Date 对象的方法简介:

       ·Date       | 返回当日的日期和时间
       ·getFullYear    | 根据本地时间获取当前年份(四位数字)
       ·getMonth      | 从 Date 对象返回月份 (0 ~ 11)
      ·getDate      | 从 Date 对象返回一个月中的某一天 (1 ~ 31)
      ·getDay       | 从 Date 对象返回一周中的某一天 (0 ~ 6)
      ·getHours      | 根据本地时间获取当前小时数(24小时制,0-23)
      ·getMinutes     | 根据本地时间获取当前分钟数(0 ~ 59)
      ·getSeconds     | 根据本地时间获取当前秒数(0 ~ 59)
       ·getMilliseconds  | 根据本地时间获取当前毫秒数(0 ~ 999)
      ·getTime      | 获取UTC(世界时间)格式的从1970.1.1 0:00以来的毫秒数
      ·getTimezoneOffset | 获取当前时间和UTC格式的偏移值(以分钟为单位)
      ·getUTCDate     | 获取UTC格式的当前日期(本月的几号)
      ·getUTCDay     | 获取UTC格式的今天是星期几(0 ~ 6)
      ·getUTCFullYear   | 获取UTC格式的当前年份(四位数字)
      ·getUTCHours    | 获取UTC格式的当前小时数(24小时制,0-23)
      ·getUTCMilliseconds | 获取UTC格式的当前毫秒数
      ·getUTCMinutes   | 获取UTC格式的当前分钟数
      ·getUTCMonth    | 获取UTC格式的当前月份(注意从0开始:0-Jan,1-Feb…)
      ·getUTCSeconds   | 获取UTC格式的当前秒数
      ·getYear      | 根据本地时间获取当前缩写年份(当前年份减去1900)
      ·setDate      | 设置当前日期(本月的几号)
      ·setFullYear    | 设置当前年份(四位数字)
      ·setHours      | 设置当前小时数(24小时制,0-23)
      ·setMilliseconds  | 设置当前毫秒数
      ·setMinutes     | 设置当前分钟数
      ·setMonth      | 设置当前月份(注意从0开始:0-Jan,1-Feb…)
      ·setSeconds     | 设置当前秒数
      ·setTime      | 设置UTC格式的从1970.1.1 0:00以来的毫秒数
      ·setUTCDate     | 设置UTC格式的当前日期(本月的几号)
      ·setUTCFullYear   | 设置UTC格式的当前年份(四位数字)
      ·setUTCHours    | 设置UTC格式的当前小时数(24小时制,0-23)
      ·setUTCMilliseconds | 设置UTC格式的当前毫秒数
      ·setUTCMinutes   | 设置UTC格式的当前分钟数
      ·setUTCMonth    | 设置UTC格式的当前月份(注意从0开始:0-Jan,1-Feb…)
      ·setUTCSeconds   | 设置UTC格式的当前秒数
      ·setYear      | 设置当前缩写年份(当前年份减去1900)
      ·toString      | 将日期时间值转换成”日期/时间”形式的字符串值
      ·Date.UTC      | 返回指定的UTC格式日期时间的固定时间值

    创建新的 Date 对象语法:

    new Date();
    new Date(year [, month [, date [, hour [, minute [, second [, millisecond ]]]]]] );

    参数:

    year       是一个 0 到 99 之间的整数,对应于 1900 到 1999 年,或者为四位数字指定确定的年份;
    month      是一个 0 (一月) 到 11 (十二月) 之间的整数,这个参数是可选的;
    date       是一个 1 到 31 之间的整数,这个参数是可选的;
    hour       是一个 0 (0:00am) 到 23 (11:00pm) 之间的整数,这个参数是可选的;
    minute      是一个 0 到 59 之间的整数,这个参数是可选的;
    second      是一个 0 到 59 之间的整数,这个参数是可选的;
    millisecond 是一个 0 到 999 之间的整数,这个参数是可选的;

    转载自:https://www.jianshu.com/p/4b6040f326f5

     

     

    展开全文
  • 1、方法一:var testDate = new Date();// toString() 把 Date 对象转换为字符串。...// toTimeString() 把 Date 对象的时间部分转换为字符串。var dataobj_toTimeString = testDate.toTimeString();// t...
  • 后的接口返回的时间是个时间对象最后导致成这个格式,坑爹; 通过自定义下面的方法和调用即可转换格式 dateFormat(fmt, date) { let ret=""; date=new Date(date); const opt = { 'Y+': date.getFullYear()....
  • Vue的实时时间转换Demotime.html:时间转换指令index.jsvar app = new Vue({el:'#app',data:{timeNow:(new Date()).getTime(),timeBefore:1488930695721}});time.jsvar time= {//获取当前时间戳getUnix: function () ...
  • 1.过滤器:Vue.filter('formatDate', GlobalFn.formatDate)2.全局方法:GlobalFn.formatDate = function (datetime, fmt) {let date;switch (typeof datetime) {case 'string':if (datetime == '') {return '';}date...
  • vue 时间戳转换时间

    千次阅读 2019-02-18 16:56:18
    默认的时间 点击打开时间选择器 使默认时间变为当前的是时间
  • } 总结 以上所述是小编给大家介绍的Vue.js 时间转换代码及时间戳转时间字符串,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
  • // 中国 东8区 韩国 东9区 印度 东5.5区export const getNewDate = function({ date, zone }) { // date 日期格式 zone 时区... //目标时区时间var dates = date || new Date()var offset_GMT = dates.getTimezone...
  • } 如何把数组的时长秒数转换成00:00:00这种时间格式 回答 const fomatSecond = (time) => { const push0 = str => str; return `${push0(parseInt(time/60/60))}:${push0(parseInt(time/60%60))}:${push0(time%...
  • vue 时间戳转换时间

    千次阅读 2018-08-07 10:40:51
    //时间处理方式 <p>{{site.datetime*1000 | formatDate}} //使用 13位要*1000 export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear...
  • vue时间格式的转换

    2020-12-30 11:57:03
    //时间转换 Vue.filter('dateFormat', function (originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '')....
  • vue 时间戳转换成日期时间或日期

    千次阅读 2019-03-23 15:43:42
    vue利用filters实现循环时间戳转换日期js工具类:filters:页面: 你们要的效果: js工具类: // 时间戳转换为日期 --年月日 function unixTimeToDate(unixtime){ var d = new Date(parseInt(unixtime) * 1000); /...
  • 既然是做系统,通常都离不开时间的装换,今天遇到的这个功能是做个`vue` 的 `formatDate 时间转换`的 `filter 过滤器` 需求如下: - 提前封装好`过滤器formatDate` - `data`里面定义 `date: new Date()` - 直接`...
  • 创建js文件处理时间export function formatDate (date, fmt) {if (/(y+)/.test(fmt)) {fmt = fmt.replace(RegExp.$1,(date.getFullYear() + '').substr(4 - RegExp.$1.length))}const o = {'M+': date.getMonth() + ...
  • Vue时间格式的转换

    2021-01-08 10:14:24
    时间格式的转换 SimpleDateFormat .js export default class SimpleDateFormat { constructor(pattern) { this.pattern = pattern; } pattern = "yyyy_MM_dd HH:mm:ss"; parse = function (source) { try { ...
  • vue时间戳转换

    2020-08-07 10:37:50
    时间格式化 **/ // 这个函数 网上 随处可见,我也是应用了别人的。 export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + ‘’).substr(4 - ...
  • 一、在项目package-lock.json配置好moment-timezone { "name": "dashboard", "version": ... 五、想了解更多 Vue中使用 moment 格式化时间 请去这里看详细moment 来源:https://www.cnblogs.com/pzw23/p/12558992.html
  • 主要介绍了Vue.js 时间转换代码及时间戳转时间字符串,需要的朋友可以参考下
  • vue转换后端时间格式

    2021-01-22 10:57:43
    转换时间格式后 首先现在methods里定义方法 //时间格式转换 dateFormat: function (time) { var date = new Date(time); var year = date.getFullYear(); /* 在日期格式中,月份是从0开始的,因此要加0 * 使用...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 647
精华内容 258
关键字:

vue时间转换

vue 订阅