wuhongyu 5 년 전
부모
커밋
42e0c14c37
3개의 변경된 파일21개의 추가작업 그리고 26개의 파일을 삭제
  1. 5 0
      package-lock.json
  2. 1 0
      package.json
  3. 15 26
      src/views/index.vue

+ 5 - 0
package-lock.json

@@ -7240,6 +7240,11 @@
         "minimist": "^1.2.5"
       }
     },
+    "moment": {
+      "version": "2.26.0",
+      "resolved": "https://registry.npm.taobao.org/moment/download/moment-2.26.0.tgz?cache=0&sync_timestamp=1589957212921&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmoment%2Fdownload%2Fmoment-2.26.0.tgz",
+      "integrity": "sha1-Xh+Cxrr8pug+gIswyHBe7Q3L05o="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz",

+ 1 - 0
package.json

@@ -12,6 +12,7 @@
     "core-js": "^3.6.4",
     "element-ui": "^2.13.2",
     "lodash": "^4.17.15",
+    "moment": "^2.26.0",
     "naf-core": "^0.1.2",
     "vue": "^2.6.11",
     "vue-meta": "^2.3.3",

+ 15 - 26
src/views/index.vue

@@ -3,7 +3,11 @@
     <el-row>
       <el-col :span="24" class="top">
         <div class="w_1200">
-          <span class="date">{{ date }}{{ day }}</span>
+          <span class="date"
+            >{{ date }}星期{{
+              week == 1 ? '一' : week == 2 ? '二' : week == 3 ? '三' : week == 4 ? '四' : week == 5 ? '五' : week == 6 ? '六' : week == 7 ? '日' : ''
+            }}</span
+          >
         </div>
       </el-col>
       <el-col :span="24" class="logo">
@@ -23,43 +27,28 @@
 </template>
 
 <script>
+import moment from 'moment';
 export default {
   name: 'index',
   props: {},
   components: {},
   data: () => ({
     todate: '',
-    day: '',
+    week: '',
     date: '',
   }),
   created() {
-    let today = this.getDay();
-    let todate = this.getDate();
-    this.day = today;
-    this.date = todate;
-    this.search();
+    this.searchdate();
   },
   computed: {},
   methods: {
-    search() {
-      console.log(this.day);
-    },
-
-    getDay(date = new Date()) {
-      var str = '星期' + '日一二三四五六'.charAt(new Date(date).getDay());
-      return str;
-      console.log(str);
-    },
-    getDate(date = new Date()) {
-      console.log('s');
-      let res = new Date(date)
-        .toLocaleDateString()
-        .replace('/', '-')
-        .replace('/', '-');
-      let arr = res.split('-');
-      arr[1] = arr[1] * 1 >= 10 ? `${arr[1]}` : `0${arr[1]}`;
-      arr[2] = arr[2] * 1 >= 10 ? `${arr[2]}` : `0${arr[2]}`;
-      return `${arr[0]}-${arr[1]}-${arr[2]}`;
+    searchdate() {
+      let dates = moment().format('YYYY-MM-DD ');
+      let week = moment().format('d');
+      console.log(week);
+      this.week = week;
+      this.date = dates;
+      console.log(dates);
     },
   },
 };