Commit 0afb4b58295c3f1365d219c013aa2fee336d1752

Authored by liuqimichale
1 parent 49ed5b07

headertime

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