Commit 0afb4b58295c3f1365d219c013aa2fee336d1752
1 parent
49ed5b07
headertime
Showing
2 changed files
with
16 additions
and
6 deletions
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 } | ... | ... |