vue 获取今天的开始和结束时间字符串 yyyy-mm-dd hh:mm:ss这种格式
时间: 2024-09-25 08:05:34 浏览: 63
vue.js实现格式化时间并每秒更新显示功能示例
在Vue.js中,获取当前日期并格式化为"yyyy-mm-dd HH:mm:ss"这种形式,你可以使用JavaScript内置的`Date`对象以及一些日期处理库,比如`moment.js`或者`dayjs`。这里以`dayjs`为例,因为它更简洁易用:
首先,你需要安装`dayjs`库,如果你还没有安装,可以在项目目录下运行:
```bash
npm install dayjs
```
然后,在Vue组件里,可以这样做:
```html
<script setup>
import dayjs from 'dayjs';
function formatDateTime() {
const now = dayjs(); // 获取当前日期和时间
const formattedDate = now.format('YYYY-MM-DD HH:mm:ss'); // 格式化日期
return formattedDate;
}
// 使用该函数获取并显示结果
const todayStartEnd = { startDate: formatDateTime(), endDate: formatDateTime() };
</script>
<template>
<div>
<p>今天开始时间: {{ todayStartEnd.startDate }}</p>
<p>今天结束时间: {{ todayStartEnd.endDate }}</p>
</div>
</template>
```
阅读全文