vue 获取当前时间 格式化
时间: 2024-10-25 18:07:55 浏览: 38
vue获取当前时间.zip
在Vue.js中获取当前时间并格式化,你可以使用JavaScript内置的`Date`对象以及一些日期处理库,比如`moment.js`或`dayjs`。这里以`moment.js`为例:
首先,你需要安装`moment`库,可以使用npm或者yarn:
```bash
npm install moment // 或者 yarn add moment
```
然后在Vue组件中,你可以这样做:
```html
<template>
<div id="app">
<p>当前时间:{{ formattedTime }}</p>
</div>
</template>
<script>
import moment from 'moment';
export default {
data() {
return {
currentTime: '',
};
},
created() {
this.currentTime = moment().format('YYYY-MM-DD HH:mm:ss'); // 格式化成"年月日 时分秒"
},
};
</script>
```
在这个例子中,`created()`生命周期钩子会在实例创建完成后立即运行,并将当前时间格式化为字符串赋值给`formattedTime`变量。你可以根据需要调整格式字符串,`moment()`函数有许多预设的格式选项。
阅读全文