精华内容
下载资源
问答
  • Vue获取当前时间

    万次阅读 2018-11-08 06:45:50
    Vue获取当前时间的方法 <template> <div> <h3>{{time | formatDate}}</h3> </div> </template> <script> export default{ data(){ ...

    Vue获取当前时间的方法

    <template>
          <div>
              <h3>{{time | formatDate}}</h3>
          </div>
    </template>
    <script>
        export default{
            data(){
                return{
                    time:Date.parse(new Date()),
                },
                filters: {
                    formatDate: function (value) {
                    let date = new Date(value);
                    let y = date.getFullYear();
                    let MM = date.getMonth() + 1;
                    MM = MM < 10 ? ('0' + MM) : MM;
                    let d = date.getDate();
                    d = d < 10 ? ('0' + d) : d;
                    let h = date.getHours();
                    h = h < 10 ? ('0' + h) : h;
                    let m = date.getMinutes();
                    m = m < 10 ? ('0' + m) : m;
                    let s = date.getSeconds();
                    s = s < 10 ? ('0' + s) : s;
                   return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
                  }
                }
            }
        }
    </script>
    复制代码

    转载于:https://juejin.im/post/5be3da4f51882516dc616113

    展开全文
  • vue获取当前时间

    千次阅读 2019-08-26 16:49:02
    vue获取当前时间: <template> <div id="homeHeader" class="clearfix"> <div class="nav clearfix"> <a class="datastyle txt">{{date | formatDateTime}}</a> ...

    vue获取当前时间:

    <template>
      <div id="homeHeader" class="clearfix">
        <div class="nav clearfix">
         
            <a class="datastyle txt">{{date | formatDateTime}}</a>
    
        </div>
      </div>
    </template>
    
    <script>
    
    export default {
      name: "homeHeader",
      data() {
        return {
          date: new Date()
        };
      },
      filters: {
        formatDateTime(value) {
          let date = new Date(value);
          let y = date.getFullYear();
          let MM = date.getMonth() + 1;
          MM = MM < 10 ? "0" + MM : MM;
          let d = date.getDate();
          d = d < 10 ? "0" + d : d;
          let h = date.getHours();
          h = h < 10 ? "0" + h : h;
          let m = date.getMinutes();
          m = m < 10 ? "0" + m : m;
          let s = date.getSeconds();
          s = s < 10 ? "0" + s : s;
          return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
        }
      },
      mounted() {
        var that = this;
        this.timer = setInterval(() => {
          that.date = new Date(); //修改数据date
        }, 1000);
      },
      beforeDestroy() {
        if (this.timer) {
          clearInterval(this.timer); //在Vue实例销毁前,清除我们的定时器
        }
      },
      created() {
    
      },
      methods: {
      
      }
    };
    </script>
    
     
     
     

     

    展开全文
  • vue 获取当前时间

    千次阅读 2019-10-08 14:25:02
    // 获取当前时间 getDate() { const myDate = new Date() //获取当前年 const year = myDate.getFullYear() //获取当前月 const month = myDate.getMonth() + 1 //获取当前日 const date =...
    // 获取当前时间
    getDate() {
          const myDate = new Date()
          //获取当前年
          const year = myDate.getFullYear()
          //获取当前月
          const month = myDate.getMonth() + 1
          //获取当前日
          const date = myDate.getDate()
          //获取当前小时数(0-23)
          const h = myDate.getHours()
          //获取当前分钟数(0-59)
          const m = myDate.getMinutes()
          const s = myDate.getSeconds()
    
          //获取当前时间
          const time =
            year +
            '-' +
            this.convert(month) +
            '-' +
            this.convert(date) +
            ' ' +
            this.convert(h) +
            ':' +
            this.convert(m) +
            ':' +
            this.convert(s)
          return time
    },
    //日期时间处理
    convert(val) {
      return val < 10 ? '0' + val : val
    }
    

    这样,可以获取到当前日期和时间,并且已经转换成了标准格式,结果如下:
    在这里插入图片描述

    展开全文
  • Vue 获取当前时间并格式化

    千次阅读 2020-07-28 14:16:54
    Vue 获取当前时间并格式化 现在的代码,一家原创,万家抄袭,嗯,我也是… 直接就是大代码一顿狂粘!!啪啪啪!用去吧! /** * 获取当前时间 * 格式YYYY-MM-DD */ Vue.prototype.getNowFormatDate = function()...

    Vue 获取当前时间并格式化

    现在的代码,一家原创,万家抄袭,嗯,我也是…

    直接就是大代码一顿狂粘!!啪啪啪!用去吧!

    /**
     * 获取当前时间
     * 格式YYYY-MM-DD
     */
    Vue.prototype.getNowFormatDate = function() {
      var date = new Date();
      var seperator1 = "-";
      var year = date.getFullYear();
      var month = date.getMonth() + 1;
      var strDate = date.getDate();
      if (month >= 1 && month <= 9) {
        month = "0" + month;
      }
      if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
      }
      var currentdate = year + seperator1 + month + seperator1 + strDate;
      return currentdate;
    };
    

    在这里插入图片描述

    展开全文
  • 需求:获取当前系统时间,在页面上展示 年月日 时分秒 ,并且实时刷新,和系统时间保持一致第一步:在deta 里面声明两个变量第二步:把时间调用写在created() 生命周期里面,进入页面就需要调用第三步:离开页面使用...
  • vue 获取当前时间 格式YYYY-MM-DD

    万次阅读 2018-05-07 15:12:11
    /** * 获取当前时间 * 格式YYYY-MM-DD */Vue.prototype.getNowFormatDate = function() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = ...
  • export function getTime(){ let currentdate=[] var date = new Date();... //以下代码依次是获取当前时间的年月日时分秒 var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate
  • vue 获取当前时间 年月日 时分秒

    千次阅读 2020-02-16 21:13:35
    //引入vue.js <script src="../../js/vue.min.js" type="text/javascript" charset="utf-8"></script> <script> new Vue({ el: '#ID', data:{ gettime:"" }, mounted: function() { var _this = this;...
  • <a class="datastyle txt">{{date | formatDateTime}} export default { name: "homeHeader", ... //在Vue实例销毁前,清除我们的定时器 } }, created() { }, methods: { } };
  • 直接调用这个函数即可获取时间,需要获取几天前的时间在调用的时候传几(数值,不要传字符串)就行,如果只是获取当天时间,在调用这个方法的时候传1 getTime(val) { // 时间格式化 // 获取前val天的时间 var dt...
  • let yy = new Date().getFullYear(); let mm = (new Date().getMonth()+1)<10 ? '0'+(new Date().getMonth()+1) : new Date().getMonth()+1; let dd = new Date().getDate()<10 ? '0'+new Date()....
  • Vue获取时间功能 问题提出 我们做的是有关学校的项目实训管理系统 在想要记录实训年级的时候,我想不应该单纯地写死数据,而是能够通过当前的年份将包括今年的前五年都放到年级的选择栏中。由于上半年的话是不包括...
  • vue获取当前时间格式化 YYYY-MM-DD

    千次阅读 2019-12-26 09:44:10
    <script> import moment from 'moment'; </script> let startDate = moment(new Date()).format('YYYY-MM-DD');

空空如也

空空如也

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

vue获取当前时间

vue 订阅