Commit 0afb4b58295c3f1365d219c013aa2fee336d1752

Authored by liuqimichale
1 parent 49ed5b07

headertime

src/components/VHeader.vue
1 1 <template>
2 2 <header class="header-wrap">
3 3 <span>车场实时概况</span>
4   - <div class="header-time">{{headerTime}}</div>
  4 + <div class="header-time">
  5 + <p>{{headerDay}}</p>
  6 + <p>{{headerTime}}</p>
  7 + </div>
5 8 </header>
6 9 </template>
7 10  
8 11 <script>
9   -import { formateTime } from "../utils/formate";
  12 +import { formateTime, formateday } from "../utils/formate";
10 13  
11 14 export default {
12 15 name: 'VHeader',
13 16 data() {
14 17 return {
15   - headerTime: formateTime()
  18 + headerDay: formateday(),
  19 + headerTime: formateTime(),
16 20 }
17 21 }
18 22 }
... ...
src/utils/formate.js
1   -function formateTime() {
  1 +function formateday() {
2 2 let date = new Date()
3 3 let str = ''
4 4 let year = date.getFullYear()
5 5 let month = date.getMonth()+1<10? "0"+ (date.getMonth()+1) : date.getMonth()+1
6 6 let day = date.getDate()<10 ? "0"+date.getDate() : date.getDate
  7 + str = year +"-"+ month +"-"+ day
  8 + return str
  9 +}
  10 +function formateTime() {
  11 + let date = new Date()
  12 + let str = ''
7 13 let hours = date.getHours()<10? "0"+date.getHours() : date.getHours()
8 14 let minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
9 15 let seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
10 16  
11   - str = year +"-"+ month +"-"+day +hours+":"+minutes+":"+seconds
  17 + str = hours+":"+minutes+":"+seconds
12 18 return str
13 19 }
14 20  
15   -export { formateTime }
  21 +export { formateday, formateTime }
... ...