Discover: sidebarFilter - Timeframes fix selectArea bug done.

src/components/Discover/Filter/Timeframes.vue

@@ -61,7 +61,6 @@ export default{
           event.stopPropagation();
         },
       },
-      datetime24h:null,
     }
   },
   computed: {
@@ -137,6 +136,10 @@ export default{
         this.selectArea = [0, this.selectRange];
         this.resizeMask(this.chart);
       }
+    },
+    selectArea(nnn,ooo){
+      console.log('n',nnn);
+      console.log('o',ooo);
     }
   },
   methods: {
@@ -262,7 +265,7 @@ export default{
       this.timeFrameStartEnd;
     },
     /**
-     * 選取開始或結束時間時，要改變滑塊根圖表
+     * 選取開始或結束時間時，要改變滑塊跟圖表
      * @param {object} e Tue Jan 25 2022 00:00:00 GMT+0800 (台北標準時間)
      * @param {string} direction start or end
      */
@@ -273,7 +276,9 @@ export default{
       const closestIndexes = targetTime.map(target => {
         let closestIndex = 0;
         closestIndex = ((target - sliderData[0])/(sliderData[sliderData.length-1]-sliderData[0])) * sliderData.length;
-        return Math.round(Math.abs(closestIndex));
+        let result = Math.round(Math.abs(closestIndex));
+        result = result > this.selectRange ? this.selectRange : result;
+        return result
       });
 
       // 改變滑塊