在vue中使用momentjs

在vue中使用momentjs

官网地址: https://momentjs.bootcss.com/

获取当前的年月日时分秒星期几

1. 安装

   npm install moment --save   # npm
   yarn add moment             # Yarn
   Install-Package Moment.js   # NuGet
   spm install moment --save   # spm
   meteor add momentjs:moment  # meteor
   bower install moment --save # bower (deprecated)
   

2. 引入

   import moment from 'moment'; 
   

3. 使用

   <div class="timeBox">
       {{ currentDateTime }}
       {{ currentWeekday}}
   </div>
   

   export default {
     data() {
       return {
         currentDateTime: "",
         currentWeekday: "",
       };
     },
     created() {
       const now = moment();
       moment.locale("zh-cn"); // 将语言设置为中文
       // 获取当前的年月日时分秒
       this.currentDateTime = now.format("YYYY-MM-DD HH:mm:ss");
       this.currentWeekday = moment().format("dddd");
     },
   };