【vue.js】+【element ui】实现按下按钮(＜el-button＞或＜el-checkbox＞)显示当前时间(21位和中国国际时间)

84 阅读 0 评论 56 点赞

我是靠谱客的博主生动饼干，最近开发中收集的这篇文章主要介绍【vue.js】+【element ui】实现按下按钮(＜el-button＞或＜el-checkbox＞)显示当前时间(21位和中国国际时间)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1、template部分

<tr>
   <th>卸货开始时间</th>
   <td>
      <el-input id="xhkssj" size="mini"  readonly/>
   </td>
   <td>
      <el-button type="primary" @click="getCurrentTime1" size="mini">显示当前时间</el-button>
      <el-checkbox v-model="checked" @change="getCurrentTime1" size="mini">显示当前时间</el-checkbox>
   </td>
</tr>

2、script部分

methods: {
   getCurrentTime1 () {
      var date = new Date()
      var year = date.getFullYear()
      var month = date.getMonth() + 1
      var day = date.getDate()
      var hour = date.getHours()
      var minute = date.getMinutes()
      var second = date.getSeconds()
      // 为小于10的数字补零
      if (hour < 10) {
        hour = '0' + hour
      }
      if (minute < 10) {
        minute = '0' + minute
      }
      if (second < 10) {
        second = '0' + second
      }
      var str = year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + second
      document.getElementById('xhkssj').value = str
    }
}