文章目录
- vue如何获取年月日时分秒的日期格式
- js获取yyyymmddhhmmss
vue如何获取年月日时分秒的日期格式
在Vue中获取当前的年月日时分秒,可以使用JavaScript的Date对象。以下是一个简单的例子,展示了如何在Vue组件中获取并展示当前的日期和时间:
<template><div><p>当前日期和时间:{{ currentDateTime }}</p></div>
</template><script>
export default {data() {return {currentDateTime: this.getCurrentDateTime()};},methods: {getCurrentDateTime() {const now = new Date();const year = now.getFullYear();const month = this.padNumber(now.getMonth() + 1);const day = this.padNumber(now.getDate());const hours = this.padNumber(now.getHours());const minutes = this.padNumber(now.getMinutes());const seconds = this.padNumber(now.getSeconds());return (year + month + day + hours + minutes + seconds);},padNumber(num) {return num < 10 ? '0' + num : num;}}
};
</script>
在这个例子中,getCurrentDateTime 方法使用JavaScript的Date对象获取当前的年、月、日、小时、分钟和秒,然后调用padNumber方法来确保每个数字都是两位数字格式。最后将这些部分拼接成一个字符串,并在组件的数据中返回。在模板中,使用{{ currentDateTime }}来展示当前的日期和时间。
js获取yyyymmddhhmmss
以下是几种获取当前时间的代码实现方法。
使用JavaScript的Date对象和字符串操作方法获取当前时间的年、月、日、小时、分钟和秒:
var currentDate = new Date();
var year = currentDate.getFullYear().toString().padStart(4, '0');
var month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
var day = currentDate.getDate().toString().padStart(2, '0');
var hour = currentDate.getHours().toString().padStart(2, '0');
var minute = currentDate.getMinutes().toString().padStart(2, '0');
var second = currentDate.getSeconds().toString().padStart(2, '0');var yyyymmddhhmmss = year + month + day + hour + minute + second;
console.log(yyyymmddhhmmss); // e.g. "20220101123045"
使用JavaScript的Intl.DateTimeFormat对象格式化当前时间的年月日小时分钟秒数:
var options = {year: 'numeric',month: '2-digit',day: '2-digit',hour: '2-digit',minute: '2-digit',second: '2-digit'
};var formatter = new Intl.DateTimeFormat('zh-CN', options);
var formattedDate = formatter.formatToParts(new Date());
var yyyymmddhhmmss = formattedDate[0].value + formattedDate[2].value + formattedDate[4].value + formattedDate[6].value + formattedDate[8].value + formattedDate[10].value;
console.log(yyyymmddhhmmss); // e.g. "20220101123045"
使用JavaScript的正则表达式匹配当前时间的年、月、日、小时、分钟和秒部分:
var currentDate = new Date().toLocaleString('zh-CN');
var matches = currentDate.match(/\d+/g);
var year = matches[0];
var month = matches[1].padStart(2, '0');
var day = matches[2].padStart(2, '0');
var hour = matches[3].padStart(2, '0');
var minute = matches[4].padStart(2, '0');
var second = matches[5].padStart(2, '0');var yyyymmddhhmmss = year + month + day + hour + minute + second;
console.log(yyyymmddhhmmss); // e.g. "20220101123045"