有关vue转换时间为年月日格式

今天产品又提出了一个需求,是有关Excel导入的时候,文件名称的问题,之前用的是时间戳的格式。现在让修改成yyyymmdd的格式,无奈只好写一下,以下是方案:

首先是时间转换

//转换时间方法
    getDate(){
      var time = new Date();
      var year= time.getFullYear()  //年
      var month = ("0" + (time.getMonth() + 1)).slice(-2); //月
      var day = ("0" + time.getDate()).slice(-2); //日
      var mydate = year +  month +  day;
      return mydate
    },

然后是导出数据

/** 导出按钮操作 */
    handleExport(val) {
      this.queryParams.excelStutas = val;
      this.download(
        "output/invoiceHistory/export",
        { ...this.queryParams },
        val==1?`开票记录(含明细)导出_${this.getDate()}.xls`:
        `开票记录(不含明细)导出_${this.getDate()}.xls`
      );
    },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 你可以使用 JavaScript 的 Date 对象来获取当前时间,然后使用 Vue 绑定数据的方式将其显示在页面上。以下是一个简单的示例: HTML 代码: ```html <div> <p>当前时间:</p> <p>{{ currentDate }}</p> </div> ``` Vue 实例代码: ```javascript new Vue({ el: '#app', data: { currentDate: '' }, mounted() { setInterval(() => { const date = new Date(); const year = date.getFullYear(); const month = (date.getMonth() + 1).toString().padStart(2, '0'); const day = date.getDate().toString().padStart(2, '0'); this.currentDate = `${year}-${month}-${day}`; }, 1000); } }) ``` 在上面的示例中,我们定义了一个名为 `currentDate` 的数据属性,并在 `mounted` 钩子函数中使用 `setInterval` 方法每秒更新一次该属性的值。在更新时,我们使用 JavaScript 的 `Date` 对象获取当前时间,然后将年月日格式化后赋值给 `currentDate`,最后在页面上显示出来。 ### 回答2: 在Vue中,可以使用JavaScript内置的Date对象来获取当前时间的年、月、日。 ```javascript <template> <div> <p>当前时间:{{ currentDate }}</p> <p>年:{{ currentYear }}</p> <p>月:{{ currentMonth }}</p> <p>日:{{ currentDay }}</p> </div> </template> <script> export default { data() { return { currentDate: '', currentYear: '', currentMonth: '', currentDay: '' }; }, mounted() { this.getCurrentDate(); }, methods: { getCurrentDate() { const date = new Date(); this.currentDate = date.toLocaleString(); this.currentYear = date.getFullYear(); this.currentMonth = date.getMonth() + 1; this.currentDay = date.getDate(); } } }; </script> ``` 在上述示例中,通过在mounted钩子函数中调用getCurrentDate方法来获取当前时间的年、月、日。在该方法内,首先定义一个新的Date对象,然后使用toLocaleString()方法将其转换为字符串,并将结果赋给currentDate。接着,使用getFullYear()方法获取当前年份,并使用getMonth()和getDate()方法获取当前月份和日期,并将结果赋给currentYear、currentMonth和currentDay变量。这样,就可以在模板中通过双花括号语法将获取到的年、月、日显示出来。 ### 回答3: 在Vue中获取当前时间的年、月、日可以使用JavaScript的Date对象来实现。 1. 首先,在Vue组件的data选项中定义一个变量用于存储当前时间: ```javascript data() { return { currentDate: null } }, ``` 2. 在Vue的created钩子函数中获取当前时间并设置给currentDate变量: ```javascript created() { this.currentDate = new Date(); }, ``` 3. 接着,使用currentDate变量来访问年、月、日: ```html <p>当前年份:{{ currentDate.getFullYear() }}</p> <p>当前月份:{{ currentDate.getMonth() + 1 }}</p> <p>当前日期:{{ currentDate.getDate() }}</p> ``` 以上代码中,通过调用Date对象的getFullYear()、getMonth()和getDate()方法,分别获取年份、月份(注意需要加1,因为月份是从0开始计算的)和日期。 这样就可以在Vue模板中展示当前时间的年、月、日了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

还算善良_

如果对你的工作有所帮助,拜托啦

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值