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 } | ... | ... |