通过JavaSDate对象-Date-获取当前日期使用`moment`获取当前日期
一、通过JavaScript内置的Date对象
使用JavaScript的Date对象，提取年和月非常简单。下面是如何操作的：创建Date对象：直接使用`new Date()`会创建一个包含当前日期和时间的Date对象。
提取年份：使用`getFullYear()`方法获取年份。
提取月份：使用`getMonth()`方法获取月份，因为月份是从0开始的，所以需要+1来获取实际的月份。
格式化输出：将年份和月份组合成需要的格式，例如"2023年04月"。
二、使用moment.js库
Moment.js是一个非常强大的日期处理库。以下是使用moment.js提取年和月的步骤：安装moment.js：在项目根目录运行`npm install moment`。
导入moment.js：在Vue组件中引入`import moment from 'moment'`。
获取当前日期：使用`moment()`获取当前日期。
格式化日期：使用`format('YYYY年MM月')`格式化日期为需要的格式。
三、利用Vue的自定义过滤器
Vue允许你创建自定义过滤器来格式化数据。以下是创建和使用自定义过滤器的步骤：定义过滤器：在Vue实例中添加一个过滤器，例如`filterYearMonth`。
处理日期：在过滤器中编写逻辑来提取年和月。
在模板中使用：在Vue模板中，使用`{{ date | filterYearMonth }}`来格式化日期数据。
四、对比三种方法
| 方法 | 优点 | 缺点 |
|---|---|---|
| JavaScript Date对象 | 简单易用，无需额外依赖 | 处理复杂日期格式时较为麻烦 |
| moment.js库 | 功能强大，处理各种日期格式非常方便 | 需要额外安装库，体积较大 |
| Vue自定义过滤器 | 灵活，可以在模板中直接使用 | 需要手动定义过滤器，对于简单场景略显繁琐 |
五、实例说明
假设我们需要显示用户的注册年月，以下是使用JavaScript Date对象的示例代码：- 创建Date对象：`const userDate = new Date(userRegistrationDate);`
- 提取年份和月份：`const year = userDate.getFullYear();`
- 格式化输出：`const formattedDate = `${year}年${userDate.getMonth() + 1}月`;`
六、总结与建议
根据项目需求选择最适合的方法，并考虑代码的可维护性和性能。对于简单的日期处理，直接使用JavaScript内置的Date对象即可。对于复杂的日期操作，moment.js可能更合适。如果你想在Vue模板中直接使用格式化后的日期，自定义过滤器是个好选择。