vue获取当前时间年月日时分秒

你可以使用 JavaScript 的 Date 对象来获取当前时间的年月日时分秒，以下是一个示例代码：
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
console.log(year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second);

这段代码会输出当前时间的年月日时分秒，例如：2021-08-23 14:30:00。

相关问题

vue获取当前时间年月日时分秒毫秒的时间戳

在 Vue 中，你可以使用 JavaScript 的 Date 对象来获取当前日期和时间，并转换成时间戳。以下是一个例子：
<template>
<div>
<p>当前时间戳：{{ currentTimeTimestamp }}</p>
</div>
</template>

<script>
export default {
data() {
return {
currentTimeTimestamp: null,
};
},
mounted() {
this.currentTimeTimestamp = Date.now();
},
computed: {
// 使用计算属性，以便在组件挂载后实时更新时间
formattedCurrentTime() {
// 获取当前日期和时间并格式化
const now = new Date(this.currentTimeTimestamp);
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0');
const day = String(now.getDate()).padStart(2, '0');
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
const milliseconds = now.getMilliseconds().toString();

// 返回格式化的字符串
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}.${milliseconds}`;
}
},
};
</script>

在这个示例中，我们在 mounted() 生命周期钩子中初始化 currentTimeTimestamp，然后在 formattedCurrentTime 计算属性中获取并格式化当前的日期和时间。注意 Date.now() 返回的是从1970年1月1日到现在的毫秒数，也就是时间戳。
如果你想让时间戳保持不变，可以直接使用 this.currentTimeTimestamp，但通常我们更希望得到格式化的当前时间。

vue获取当前年月日时分秒

回答1：
你可以使用JavaScript的Date对象来获取当前年月日时分秒。以下是获取当前时间的Vue代码示例：
<template>
<div>
<p>当前时间：{{ currentTime }}</p>
</div>
</template>

<script>
export default {
data() {
return {
currentTime: ''
}
},
mounted() {
setInterval(() => {
const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const day = now.getDate();
const hour = now.getHours();
const minute = now.getMinutes();
const second = now.getSeconds();

this.currentTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}, 1000);
}
}
</script>

这个示例中，我们将当前时间绑定到了 this.currentTime 属性上，并使用setInterval()函数每秒钟更新一次。在每次更新时，我们使用Date对象获取当前时间的年月日时分秒，并将其格式化为字符串赋值给 this.currentTime。
回答2：
在Vue中，我们可以使用JavaScript的Date对象来获取当前的年、月、日、时、分和秒。
首先，在Vue组件中导入Date对象：
import { mapGetters } from 'vuex';

export default {
computed: {
...mapGetters(['currentDate']),
},
}

然后，在Vuex store中的getters中定义一个计算属性来获取当前日期：
const store = new Vuex.Store({
state: {
currentDate: new Date(),
},
getters: {
currentDate: state => {
return state.currentDate;
},
},
});

接着，在Vue模板中，可以使用{{ currentDate.getFullYear() }}来获取年份，{{ currentDate.getMonth() + 1 }}来获取月份（要加上1，因为月份是从0开始计算的），{{ currentDate.getDate() }}来获取天数，{{ currentDate.getHours() }}来获取小时，{{ currentDate.getMinutes() }}来获取分钟，以及{{ currentDate.getSeconds() }}来获取秒数。
例如，要显示当前时间的年月日时分秒：
<template>
<div>
当前时间：{{ currentDate.getFullYear() }}年{{ currentDate.getMonth() + 1 }}月{{ currentDate.getDate() }}日 {{ currentDate.getHours() }}:{{ currentDate.getMinutes() }}:{{ currentDate.getSeconds() }}
</div>
</template>

这样就可以获取并显示当前的年、月、日、时、分和秒了。
回答3：
vue获取当前年月日时分秒可以使用JavaScript的Date对象，并结合vue的数据绑定来实现。
首先，在vue的data中定义一个变量来存储当前日期和时间的值，例如currentTime：
data() {
return {
currentTime: ''
}
}

然后，在vue的mounted生命周期中，使用JavaScript的Date对象来获取当前日期和时间，并将其赋值给currentTime变量：
mounted() {
let currentDate = new Date();
let year = currentDate.getFullYear();
let month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
let day = currentDate.getDate().toString().padStart(2, '0');
let hour = currentDate.getHours().toString().padStart(2, '0');
let minute = currentDate.getMinutes().toString().padStart(2, '0');
let second = currentDate.getSeconds().toString().padStart(2, '0');
this.currentTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
}

最后，在模板中使用数据绑定来显示当前的年月日时分秒：
<div>{{ currentTime }}</div>

这样就能够获取到当前的年月日时分秒，并在页面上显示出来。