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

    千次阅读 2019-12-10 11:37:26
    定义方法 method:{ getdate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1;... var strDate = date.g...

    定义方法

    	method:{
    		  getdate() {
    		      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 + " 年 " + month + " 月 " + strDate + " 日 ";
    		      return currentdate;
    	    }
    	}
    

    调用方法

    	{{ getdate() }}
    

    效果

    在这里插入图片描述

    展开全文
  • margin-left: 20px } 接下来看具体代码: data() { return { date:new Date(), } }, mounted(){ //获取当前日期 let that= this; this.timer = setInterval(function() { that.date = new Date().toLocaleString();...

    1.样式:

    2.思路:

    这里我用的是用elementui框架搭的结构,其中图标icon采用的是插槽。

    prefix:指的是插在前面

    suffix:指的是插在后面

          <span class="currentDate">
            <span slot="prefix" class="el-icon-timer"></span>
            {{dateFormat(date)}}
          </span>

    css样式:

    .currentDate{
      display: inline-block;
      vertical-align: text-bottom;
      width: 200px;
      height: 24px;
      line-height: 24px;
      color:#7D7D87;
      // border: 1px solid red;
      margin-left: 20px
    }

    接下来看具体代码:

      data() {
        return {
          date:new Date(),
        }
      },
    mounted(){
        //获取当前日期
        let that= this;
        this.timer = setInterval(function() {
          that.date = new Date().toLocaleString();
        });
      },
      beforeDestroy: function() {
        if (this.timer) {
          clearInterval(this.timer);
        }
      },
    methods:{
        //当前日期格式化
        dateFormat(){
          var date = new Date()
          var year = date.getFullYear()
          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
        }
      }

    完成

    展开全文
  • getTime(){ var that = this; let yy = new Date().getFullYear(); let mm = new Date().getMonth()+1; let dd = new Date().getDate(); let hh = new Date().getHours();... let mf = new Date().getMinutes()<...
     getTime(){
          var that = this;
        let yy = new Date().getFullYear();
        let mm = new Date().getMonth()+1;
        let dd = new Date().getDate();
        let hh = new Date().getHours();
        let mf = new Date().getMinutes()<10 ? '0'+new Date().getMinutes() : new Date().getMinutes();
        let ss = new Date().getSeconds()<10 ? '0'+new Date().getSeconds() : new Date().getSeconds();
        that.gettime = yy+'-'+mm+'-'+dd+' '+hh+':'+mf+':'+ss;
        //console.log(that.gettime)  
          //赋值你的变量
           that.loginForm.createTime= that.gettime
        },

    在mounted直接调用就可以了。。。

    展开全文
  • vue 获取当前日期及前N天的日期

    千次阅读 2020-12-26 16:25:12
    var tempDate = new Date() // 获取今天的日期 tempDate.setDate(tempDate.getDate() - N) // 今天的前N天的日期,N自定义 endDate = tempDate.getFullYear + ’-‘ + (tempDate.getMonth() + 1) + '-' + tempDate....
    var tempDate = new Date() // 获取今天的日期
    tempDate.setDate(tempDate.getDate() - N) // 今天的前N天的日期,N自定义
    endDate = tempDate.getFullYear +-+ (tempDate.getMonth() + 1) + '-' + tempDate.getDate()
    console.log(endDate)
    
    展开全文
  • //显示周日 //调用方法 console.log(this.formatDate(new Date(MondayTime))), console.log(this.formatDate(new Date(SundayTime))) } //格式化日期:yyyy-MM-dd formatDate(date) { var myyear = date.getFullYear...
  • 当前:{{curDate}}</p> <p>一个月前:{{curDateBefore}}</p> <p>2天后:{{curDateAfter}}</p> </div> <script src=...
  • vue获取当前日期以及前七天日期

    千次阅读 2020-07-20 10:40:34
    一、获取当前日期: mounted () { this.getTime() }, getTime () { // new Date() new一个data对象,当前日期和时间 // toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串,并返回结果。 this....
  • https://blog.csdn.net/ForeverBana/article/details/103472751Vue获取当前日期 ...depth_1-utm_source=d..
  • let myDate = new Date(); let startDate = myDate.toISOString().slice(0, 10) myDate.setDate(myDate.getDate() + 1); let endDate = myDate....console.log('当前日期',startDate) console.log('明天日期',endDate)
  • vue获取当前日期(年月日)

    千次阅读 2020-06-05 17:18:56
    addDate() { var nowDate = new Date(); var date = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, date: nowDate.getDate(), } var systemDate = date.year + ‘-’ + 0 + date.month + ‘-’ + ...
  • 主要介绍了Vue获取当前时间并实时刷新,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • <template> <div> <p>{{ date_show }} - {{ week }}</p> <p>{{ time_show }}</p> </div> </template> <... date_show:'', //本日日期
  • vue 获取当前日期的第二天

    千次阅读 2019-01-22 16:12:11
    &lt;span v-text="timeNow"&gt;&lt;/span&gt; data里面: timeNow:'' mounted里面: mounted:function(){ var myDate = new Date();... console.log(myDate.toLo...
  • mounted() { this.setout();... // 在Vue实例销毁前,清除日期定时器 clearInterval(this.datefull); // 在Vue实例销毁前,清除时间定时器 }, methods: { //实时刷新 setout() { setInterval(this.tim.
  • * 根据当前日期获取其前七天的日期 * @param month * @return {Array|*} */ export function getRecentDay() { let arr = [] for(let i = 6;i >= 0;i --) { let temp = getDay(-i) arr.push(temp) } ...
  • vue 显示获取系统当前日期

    千次阅读 2021-02-20 15:43:17
    <template> <view>{{result}}<... //接收当前时间 const currentDate = this.getDate({ format: true }) //双向绑定 return { result: currentDate, }; }, metho
  • vue获取当前时间日期

    千次阅读 2021-05-09 20:02:55
    通过计算属性来获取当前时间 <div class="mounth"> <div class="datatime" @click="showTimePopup(userCheckMonth ? userCheckMonth : current_date)" > <span class="time">{{ ...
  • vue获取当前日期并格式化

    千次阅读 2020-08-18 11:30:43
    format () { var date = new Date() var month = date.getMonth() + 1 var strDate = date.getDate() if (month >= 1 && month <= 9) { month = '0' + month ... if (strDate >...
  • Vue中 1.新建utils文件 创建js文件,例如(data.js) 2. 在main.js 中引入 或者在当前使用的组件中引入 import { getDateTime, ...获取本周、本季度、本月、上月的开始日期、结束日期 */ var now = new
  • vue中的使用 <script> import { getLunar } from 'chinese-lunar-calendar' export default { data() { return { getLunarDay: '', year: new Date().getFullYear(), month: ne
  • Vue获取当前日期和操作。

    千次阅读 2020-11-02 09:22:12
    设置定时器实现时间每秒...日期: {{yearMD}}&nbsp;&nbsp;{{Hms}}</p> </div> data() { return{ yearMD:'', Hms:'', selectDate:'', } }, mounted(){ let that = this; //定时器 setInte.
  • 第一种方法:获取当前时间不刷新 <template> <div> <span>{{date}}</span> </div> </template> <script> export default { data() { return { date:"", timer:...
  • * description: 获取当前日期,时间,周数 * create_time: 2019-4-19 * function: getDate,getTime,getWeek */ class DateTime { // 构造方法 constructor() { // 列举Week this.weekday = ['星期日', '...
  • 当传入的date是正数n时(比如1),返回的是你当前日期的前n天,传入为0时,就返回当前日期,传入为负数n时(比如-1),返回的就是你当前日期的后n天 代码如下: ShowDate(date){ var num = date let n = num; let d = ...
  • mounted () { this.timer = setInterval(() => { this.setNowTimes() },1000)} methods: setNowTimes () { //获取当前时间 let myDate = new Date() let wk = myDate.getDay() let yy = String(myDate...
  • 功能需求:获取当前系统时间,在页面上显示:年月日时分秒,并且实时刷新,和系统时间保持一致 第一步:在deta 里面声明变量 data() { return { nowDate:null, //存放年月日变量 nowTime:null, //存放时分秒变量 ...
  • Vue实现获取当前时间、日期并实时刷新 1. 获取当前时间的方法 getTime(){ var _this = this; let yy = new Date().getFullYear(); let mm = new Date().getMonth()+1; let dd = new Date().getDate(); let hh =...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,216
精华内容 2,886
关键字:

vue获取当前日期

vue 订阅