@10yun/cv-mobile-ui 0.3.24 → 0.3.26

package/ui-cv/cv-nav-row/cv-nav-row.vue

@@ -1,36 +1,36 @@
 <template>
   <view class="cv-row">
     <view class="cv-row-box">
-      <view class="cv-row-main" :class=" sublabel && 'cv-row-main-big' " @tap="jump">
+      <view class="cv-row-main" :class="sublabel && 'cv-row-main-big'" @tap="jump">
         <view class="cv-row-main-left">
-          <view class="cv-row-main-left-icon" v-if="image|| $slots.before">
+          <view class="cv-row-main-left-icon" v-if="image || $slots.before">
             <image class="cv-row-main-left-icon-image" :src="image" mode="aspectFit" v-if="image" />
             <slot name="before" v-else />
           </view>
-          <view class="cv-row-main-left-text" :class="!image && !$slots.before?'cv-row-main-left-text-noimage':''">
+          <view class="cv-row-main-left-text" :class="!image && !$slots.before ? 'cv-row-main-left-text-noimage' : ''">
             <view class="cv-row-main-left-text-intact" v-if="!sublabel">
-              {{label}}
+              {{ label }}
             </view>
             <view class="cv-row-main-left-text-double" v-else>
               <view class="cv-row-main-left-text-label">
-                {{label}}
+                {{ label }}
               </view>
               <view class="cv-row-main-left-text-sublabel">
-                {{sublabel}}
+                {{ sublabel }}
               </view>
             </view>
           </view>
         </view>
-        <view class="cv-row-main-center" :class="url=='' && !$listeners.click?'cv-row-main-center-nourl':''">
+        <view class="cv-row-main-center" :class="url == '' && !$listeners.click ? 'cv-row-main-center-nourl' : ''">
           <view class="cv-row-main-center-intact" v-if="!subexplain">
-            {{explain}}
+            {{ explain }}
           </view>
           <view class="cv-row-main-center-double" v-else>
             <view class="cv-row-main-center-explain">
-              {{explain}}
+              {{ explain }}
             </view>
             <view class="cv-row-main-center-subexplain">
-              {{subexplain}}
+              {{ subexplain }}
             </view>
           </view>
         </view>
@@ -40,7 +40,7 @@
         </view>
       </view>
       <view class="cv-row-message" v-if="message">
-        {{message}}
+        {{ message }}
       </view>
     </view>
   </view>
@@ -48,9 +48,9 @@
 
 <script>
 export default {
-  name: "cvNavRow",
+  name: 'cvNavRow',
   options: {
-    addGlobalClass: true,
+    addGlobalClass: true
   },
   props: {
     url: {
@@ -87,7 +87,6 @@ export default {
       type: String,
       default: ''
     }
-
   },
   watch: {
     dataLists(newVal) {
@@ -95,9 +94,7 @@ export default {
     }
   },
   data() {
-    return {
-
-    };
+    return {};
   },
   created: function () {
     // console.log(this.$slots);
@@ -107,35 +104,34 @@ export default {
       if (typeof this.url == 'string' && this.url) {
         const url = this.url;
         switch (this.urlType) {
-          case 'redirectTo'://关闭当前页面，跳转到应用内的某个页面。
+          case 'redirectTo': //关闭当前页面，跳转到应用内的某个页面。
             uni.redirectTo({
               url: this.url
             });
             break;
-          case 'reLaunch'://关闭所有页面，打开到应用内的某个页面。
+          case 'reLaunch': //关闭所有页面，打开到应用内的某个页面。
             uni.reLaunch({
               url: this.url
             });
             break;
-          case 'switchTab'://跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
+          case 'switchTab': //跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
             uni.switchTab({
               url: this.url
             });
             break;
-          default://默认【navigateTo】 保留当前页面，跳转到应用内的某个页面
+          default: //默认【navigateTo】 保留当前页面，跳转到应用内的某个页面
             uni.navigateTo({
               url: this.url
             });
         }
-
       } else {
-        this.$emit('click')
+        this.$emit('click');
       }
     }
   }
 };
-</script> 
-<style >
+</script>
+<style>
 /* #ifndef MP-WEIXIN */
 .cv-row:last-child .cv-row-main {
   border-bottom: none;

package/ui-cv/cv-picker-date/cv-picker-date.vue

@@ -1,11 +1,27 @@
 <template>
-  <cv-form-item :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout" :isIcon="true"
-    :iconTop="iconTop">
+  <cv-form-item
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :isIcon="true"
+    :iconTop="iconTop"
+  >
     <view class="cv-picker-date">
-      <picker class="cv-picker-date-item" mode="date" :value="localVal" :start="startDate" :end="endDate" @change="bindDateChange"
-        @cancel="bindPickerCancel" :fields="fields" @click="changeIconTop">
-        <view class="cv-picker-date-text" v-if="localVal!=''">{{localVal}}</view>
-        <view class="cv-picker-date-placeholder" v-else>{{placeholder}}</view>
+      <picker
+        class="cv-picker-date-item"
+        mode="date"
+        :value="localVal"
+        :start="startDate"
+        :end="endDate"
+        @change="bindDateChange"
+        @cancel="bindPickerCancel"
+        :fields="fields"
+        @click="changeIconTop"
+      >
+        <view class="cv-picker-date-text" v-if="localVal != ''">{{ localVal }}</view>
+        <view class="cv-picker-date-placeholder" v-else>{{ placeholder }}</view>
       </picker>
     </view>
   </cv-form-item>
@@ -15,24 +31,24 @@
 import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
   mixins: [MixinsPicker],
-  name: "cvPickerDate",
+  name: 'cvPickerDate',
   props: {
     //默认输入框
     value: {
       type: String,
-      default: ""
+      default: ''
     },
     startDate: {
       type: String,
-      default: ""
+      default: ''
     },
     endDate: {
       type: String,
-      default: ""
+      default: ''
     },
     fields: {
       type: String,
-      default: "day"
+      default: 'day'
     }
   },
   watch: {
@@ -53,7 +69,7 @@ export default {
     bindDateChange: function (e) {
       this.localVal = e.detail.value;
       this.$emit('input', this.localVal);
-      this.iconTop = false
+      this.iconTop = false;
     }
   }
 };

package/ui-cv/cv-picker-datetime/cv-picker-datetime.vue

@@ -1,16 +1,40 @@
 <template>
-  <cv-form-item :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout" :isIcon="true"
-    :iconTop="iconTop">
+  <cv-form-item
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :isIcon="true"
+    :iconTop="iconTop"
+  >
     <view class="cv-picker-date-time">
-      <picker class="cv-picker-date-item" mode="date" :value="localVal_date" :start="startDate" :end="endDate" @change="bindDateChange"
-        :fields="fields" @click="changeIconTop" @cancel="bindPickerCancel">
-        <view class="cv-picker-date-text" v-if="localVal_date!=''">{{localVal_date}}</view>
-        <view class="cv-picker-item-placeholder" v-else>{{placeholder}}</view>
+      <picker
+        class="cv-picker-date-item"
+        mode="date"
+        :value="localVal_date"
+        :start="startDate"
+        :end="endDate"
+        @change="bindDateChange"
+        :fields="fields"
+        @click="changeIconTop"
+        @cancel="bindPickerCancel"
+      >
+        <view class="cv-picker-date-text" v-if="localVal_date != ''">{{ localVal_date }}</view>
+        <view class="cv-picker-item-placeholder" v-else>{{ placeholder }}</view>
       </picker>
-      <picker class="cv-picker-time-item" mode="time" :value="localVal_time" :start="startTime" :end="endTime" @change="bindTimeChange"
-        @click="changeIconTop" @cancel="bindPickerCancel">
-        <view class="cv-picker-time-text" v-if="localVal_time!=''">{{localVal_time}}</view>
-        <view class="cv-picker-item-placeholder" v-else>{{placeholder}}</view>
+      <picker
+        class="cv-picker-time-item"
+        mode="time"
+        :value="localVal_time"
+        :start="startTime"
+        :end="endTime"
+        @change="bindTimeChange"
+        @click="changeIconTop"
+        @cancel="bindPickerCancel"
+      >
+        <view class="cv-picker-time-text" v-if="localVal_time != ''">{{ localVal_time }}</view>
+        <view class="cv-picker-item-placeholder" v-else>{{ placeholder }}</view>
       </picker>
     </view>
   </cv-form-item>
@@ -20,32 +44,32 @@
 import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
   mixins: [MixinsPicker],
-  name: "cvPickerDatetime",
+  name: 'cvPickerDatetime',
   props: {
     //默认输入框
     value: {
       type: String,
-      default: ""
+      default: ''
     },
     startDate: {
       type: String,
-      default: ""
+      default: ''
     },
     endDate: {
       type: String,
-      default: ""
+      default: ''
     },
     startTime: {
       type: String,
-      default: ""
+      default: ''
     },
     endTime: {
       type: String,
-      default: ""
+      default: ''
     },
     fields: {
       type: String,
-      default: "day"
+      default: 'day'
     }
   },
   watch: {
@@ -58,8 +82,8 @@ export default {
   data() {
     return {
       localVal: '',
-      localVal_date: "",
-      localVal_time: "",
+      localVal_date: '',
+      localVal_time: '',
       iconTop: false
     };
   },
@@ -69,7 +93,6 @@ export default {
     this.localVal_time = this.localVal.split(' ')[1] || '';
   },
   methods: {
-
     bindTimeChange: function (e) {
       let value = e.detail.value;
       this.localVal_time = value;
@@ -79,7 +102,6 @@ export default {
       let value = e.detail.value;
       this.localVal_date = value;
       this.mergeDateTime();
-
     },
     mergeDateTime: function () {
       this.localVal = this.localVal_date + ' ' + this.localVal_time;

package/ui-cv/cv-picker-datetime5/cv-picker-datetime5.vue

@@ -1,13 +1,28 @@
 <template>
-  <cv-form-item :label="label" :message="message" :messageDisplay="messageDisplay" :labelWidth="localLabelWidth" :layout="localLayout" :isIcon="true"
-    :iconTop="iconTop">
+  <cv-form-item
+    :label="label"
+    :message="message"
+    :messageDisplay="messageDisplay"
+    :labelWidth="localLabelWidth"
+    :layout="localLayout"
+    :isIcon="true"
+    :iconTop="iconTop"
+  >
     <view class="cv-picker">
-      <picker class="cv-picker-item" mode="multiSelector" :range="range_data" :value="items_index" @change="bindPickerChange"
-        @columnchange="bindPickerColumnchange" @cancel="onCancel" @click="changeIconTop">
+      <picker
+        class="cv-picker-item"
+        mode="multiSelector"
+        :range="range_data"
+        :value="items_index"
+        @change="bindPickerChange"
+        @columnchange="bindPickerColumnchange"
+        @cancel="onCancel"
+        @click="changeIconTop"
+      >
         <view class="cv-picker-item-text" v-if="localVal">
-          {{localVal}}
+          {{ localVal }}
         </view>
-        <view class="cv-picker-item-placeholder" v-else>{{placeholder}}</view>
+        <view class="cv-picker-item-placeholder" v-else>{{ placeholder }}</view>
       </picker>
     </view>
   </cv-form-item>
@@ -17,7 +32,7 @@
 import MixinsPicker from '../mixins/mixins-picker.js';
 export default {
   mixins: [MixinsPicker],
-  name: "cvPickerDatetime5",
+  name: 'cvPickerDatetime5',
   props: {
     //默认输入框内容
     value: {
@@ -54,18 +69,18 @@ export default {
       iconTop: false,
       localVal: '',
       localJoint: '',
-      range_data: [],//弹窗临时数组
-      last_range_data: [],//最终显示页面数组
-      items_index: [0, 0, 0, 0, 0],//当前下标
-      lastRetDataIndex: [0, 0, 0, 0, 0],// 最终确定选中的下标
+      range_data: [], //弹窗临时数组
+      last_range_data: [], //最终显示页面数组
+      items_index: [0, 0, 0, 0, 0], //当前下标
+      lastRetDataIndex: [0, 0, 0, 0, 0], // 最终确定选中的下标
       localDataType: 'text',
       dataValue: 'value',
       dataText: 'label',
       newDate: new Date(),
-      localDatetimeArr: [],//临时日期时间数组
-      lastDatetimeArr: [],//选中日期时间数组
-      startDatetimeArr: [],//开始日期时间数组
-      endDatetimeArr: [],//结束日期时间数组
+      localDatetimeArr: [], //临时日期时间数组
+      lastDatetimeArr: [], //选中日期时间数组
+      startDatetimeArr: [], //开始日期时间数组
+      endDatetimeArr: [] //结束日期时间数组
     };
   },
   created: function () {
@@ -77,7 +92,6 @@ export default {
     this.endDatetimeArr = this._getEndDatetime(this.end);
 
     this.itemsSortOut();
-
   },
   methods: {
     initReginData(data) {
@@ -86,9 +100,9 @@ export default {
         localData.push({
           text: data[key],
           value: key
-        })
+        });
       }
-      return localData
+      return localData;
     },
     itemsSortOut: function () {
       let localDatetimeArr = [],
@@ -96,8 +110,8 @@ export default {
       /* 获取当前日期的默认事件 */
       if (this.localVal) {
         //空格拆分日期和时间
-        lastDatetimeArr = this._splitDatetime(this.localVal, true)
-        localDatetimeArr = [...lastDatetimeArr]
+        lastDatetimeArr = this._splitDatetime(this.localVal, true);
+        localDatetimeArr = [...lastDatetimeArr];
       } else {
         localDatetimeArr = [
           this._convert_two_digits(this.newDate.getFullYear()),
@@ -105,8 +119,7 @@ export default {
           this._convert_two_digits(this.newDate.getDate()),
           this._convert_two_digits(this.newDate.getHours()),
           this._convert_two_digits(this.newDate.getMinutes())
-        ]
-
+        ];
       }
       this.localDatetimeArr = localDatetimeArr;
       this.lastDatetimeArr = lastDatetimeArr;
@@ -146,7 +159,6 @@ export default {
       this.lastDatetimeArr = [...lastDatetimeArr];
       this.localDatetimeArr = [...localDatetimeArr];
       this.last_range_data = [...this.range_data];
-
     },
     /* 拆分时日期时间为数组 */
     _splitDatetime(datetime, join = false) {
@@ -191,7 +203,7 @@ export default {
       }
       //年份较小 结束时间无效
       if (endDatetimeArr[0] < startDatetimeArr[0]) {
-        console.warn('//年份较小 结束时间无效')
+        console.warn('//年份较小 结束时间无效');
         return [];
       }
       //年份较大着时间必定会大
@@ -202,7 +214,7 @@ export default {
       /* 年份相同比较月份 */
       //月份较小 结束时间无效
       if (endDatetimeArr[1] < startDatetimeArr[1]) {
-        console.warn('//月份较小 结束时间无效')
+        console.warn('//月份较小 结束时间无效');
         return [];
       }
       //月份较大着时间必定会大
@@ -213,7 +225,7 @@ export default {
       /* 年份月份相同比较日 */
       //日较小 结束时间无效
       if (endDatetimeArr[2] < startDatetimeArr[2]) {
-        console.warn('//日较小 结束时间无效')
+        console.warn('//日较小 结束时间无效');
         return [];
       }
       //日较大着时间必定会大
@@ -224,7 +236,7 @@ export default {
       /* 年份、月份及日相同比较时 */
       //日较小 结束时间无效
       if (endDatetimeArr[3] < startDatetimeArr[3]) {
-        console.warn('//时较小 结束时间无效')
+        console.warn('//时较小 结束时间无效');
         return [];
       }
       //日较大着时间必定会大
@@ -235,7 +247,7 @@ export default {
       /* 年份、月份、日及时相同比较分 */
       //分较小 结束时间无效
       if (endDatetimeArr[4] < startDatetimeArr[4]) {
-        console.warn('//时较小 结束时间无效')
+        console.warn('//时较小 结束时间无效');
         return [];
       }
       //分较大着时间必定会大
@@ -276,26 +288,31 @@ export default {
     },
     /* 获取日期 */
     _getDate(month, year) {
-
       let localData = [];
       let days = 0;
-      let endday = this.endDatetimeArr[0] == this.localDatetimeArr[0] && this.endDatetimeArr[1] == this.localDatetimeArr[1] ? this.startDatetimeArr[2] : 0;
-      let startDay = this.startDatetimeArr[0] == this.localDatetimeArr[0] && this.startDatetimeArr[1] == this.localDatetimeArr[1] ? this.startDatetimeArr[2] : 1;
+      let endday =
+        this.endDatetimeArr[0] == this.localDatetimeArr[0] && this.endDatetimeArr[1] == this.localDatetimeArr[1]
+          ? this.startDatetimeArr[2]
+          : 0;
+      let startDay =
+        this.startDatetimeArr[0] == this.localDatetimeArr[0] && this.startDatetimeArr[1] == this.localDatetimeArr[1]
+          ? this.startDatetimeArr[2]
+          : 1;
       if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12 || month == '') {
-        days = 31
+        days = 31;
       } else if (month == 4 || month == 6 || month == 9 || month == 11) {
-        days = 30
+        days = 30;
       } else {
         //二月算法
         //世纪闰年 || 普通闰年
         if ((year % 100 == 0 && year % 400 == 0) || (year % 100 !== 0 && year % 4 == 0)) {
-          days = 29
+          days = 29;
         } else {
-          days = 28
+          days = 28;
         }
       }
       if (endday > days || endday == 0) {
-        endday = days
+        endday = days;
       }
       for (let i = startDay; i <= endday; ++i) {
         localData.push(this._convert_two_digits(i) + '日');
@@ -305,8 +322,18 @@ export default {
     /* 获取小时 */
     _getHours() {
       let localData = [];
-      let start = this.startDatetimeArr[0] == this.localDatetimeArr[0] && this.startDatetimeArr[1] == this.localDatetimeArr[1] && this.startDatetimeArr[2] == this.localDatetimeArr[2] ? this.startDatetimeArr[3] : 1;
-      let end = this.endDatetimeArr[0] == this.localDatetimeArr[0] && this.endDatetimeArr[1] == this.localDatetimeArr[1] && this.endDatetimeArr[2] == this.localDatetimeArr[2] ? this.endDatetimeArr[3] : 23
+      let start =
+        this.startDatetimeArr[0] == this.localDatetimeArr[0] &&
+        this.startDatetimeArr[1] == this.localDatetimeArr[1] &&
+        this.startDatetimeArr[2] == this.localDatetimeArr[2]
+          ? this.startDatetimeArr[3]
+          : 1;
+      let end =
+        this.endDatetimeArr[0] == this.localDatetimeArr[0] &&
+        this.endDatetimeArr[1] == this.localDatetimeArr[1] &&
+        this.endDatetimeArr[2] == this.localDatetimeArr[2]
+          ? this.endDatetimeArr[3]
+          : 23;
       for (let i = start; i <= end; ++i) {
         localData.push(this._convert_two_digits(i) + '时');
       }
@@ -314,8 +341,20 @@ export default {
     },
     _getMinutes() {
       let localData = [];
-      let start = this.startDatetimeArr[0] == this.localDatetimeArr[0] && this.startDatetimeArr[1] == this.localDatetimeArr[1] && this.startDatetimeArr[2] == this.localDatetimeArr[2] && this.startDatetimeArr[3] == this.localDatetimeArr[3] ? this.startDatetimeArr[4] : 1;
-      let end = this.endDatetimeArr[0] == this.localDatetimeArr[0] && this.endDatetimeArr[1] == this.localDatetimeArr[1] && this.endDatetimeArr[2] == this.localDatetimeArr[2] && this.endDatetimeArr[3] == this.localDatetimeArr[3] ? this.endDatetimeArr[4] : 59
+      let start =
+        this.startDatetimeArr[0] == this.localDatetimeArr[0] &&
+        this.startDatetimeArr[1] == this.localDatetimeArr[1] &&
+        this.startDatetimeArr[2] == this.localDatetimeArr[2] &&
+        this.startDatetimeArr[3] == this.localDatetimeArr[3]
+          ? this.startDatetimeArr[4]
+          : 1;
+      let end =
+        this.endDatetimeArr[0] == this.localDatetimeArr[0] &&
+        this.endDatetimeArr[1] == this.localDatetimeArr[1] &&
+        this.endDatetimeArr[2] == this.localDatetimeArr[2] &&
+        this.endDatetimeArr[3] == this.localDatetimeArr[3]
+          ? this.endDatetimeArr[4]
+          : 59;
       for (let i = start; i <= end; ++i) {
         localData.push(this._convert_two_digits(i) + '分');
       }
@@ -323,7 +362,7 @@ export default {
     },
     /* 获取默认值的key */
     _getKey(data, localValue) {
-      let localKey = 0
+      let localKey = 0;
       if (localValue) {
         /* 遍历数组 找出对应值的key */
         for (const key in data) {
@@ -332,11 +371,11 @@ export default {
           }
         }
       }
-      return localKey
+      return localKey;
     },
     _convert_two_digits(number) {
       if (number < 10 && parseInt(number).toString().length < 2) {
-        number = '0' + parseInt(number).toString()
+        number = '0' + parseInt(number).toString();
       } else {
         number = parseInt(number).toString();
       }
@@ -346,20 +385,20 @@ export default {
       let items_index = e.detail.value;
       this.items_index = items_index;
       this.updatelocalVal();
-      this.iconTop = false
+      this.iconTop = false;
     },
     /* 取消选择 */
     onCancel(e) {
-      this.iconTop = false
+      this.iconTop = false;
       this.range_data = [...this.last_range_data];
       this.items_index = [...this.lastRetDataIndex];
     },
     bindPickerColumnchange: function (e) {
       this.items_index[e.detail.column] = e.detail.value;
       switch (e.detail.column) {
-        case 0://滑动年份
+        case 0: //滑动年份
           //年份数据变动
-          this.localDatetimeArr[0] = this.range_data[0][e.detail.value].replace('年', '')
+          this.localDatetimeArr[0] = this.range_data[0][e.detail.value].replace('年', '');
           //初始化月
           //初始化日
           this.range_data[2] = this._getDate(this.localDatetimeArr[1], this.localDatetimeArr[0]);
@@ -368,31 +407,31 @@ export default {
           //初始化分
           this.range_data[4] = this._getMinutes();
           break;
-        case 1://滑动月
+        case 1: //滑动月
           //月变化
-          this.localDatetimeArr[1] = this.range_data[1][e.detail.value].replace('月', '')
-          //初始化日  
+          this.localDatetimeArr[1] = this.range_data[1][e.detail.value].replace('月', '');
+          //初始化日
           this.range_data[2] = this._getDate(this.localDatetimeArr[1], this.localDatetimeArr[0]);
           //初始化时
           this.range_data[3] = this._getHours();
           //初始化分
           this.range_data[4] = this._getMinutes();
           break;
-        case 2://滑动日
+        case 2: //滑动日
           //日变化
-          this.localDatetimeArr[2] = this.range_data[2][e.detail.value].replace('日', '')
+          this.localDatetimeArr[2] = this.range_data[2][e.detail.value].replace('日', '');
           //初始化时
           this.range_data[3] = this._getHours();
           //初始化分
           this.range_data[4] = this._getMinutes();
           break;
-        case 3://滑动时
+        case 3: //滑动时
           //时变化
-          this.localDatetimeArr[3] = this.range_data[3][e.detail.value].replace('时', '')
+          this.localDatetimeArr[3] = this.range_data[3][e.detail.value].replace('时', '');
           //初始化分
           this.range_data[4] = this._getMinutes();
           break;
-        case 4://滑动分
+        case 4: //滑动分
           //分变化
           this.localDatetimeArr[4] = this.range_data[4][e.detail.value].replace('分', '');
           break;
@@ -400,11 +439,20 @@ export default {
     },
     updatelocalVal() {
       this.last_range_data = [...this.range_data];
-      this.lastRetDataIndex = [...this.items_index]
+      this.lastRetDataIndex = [...this.items_index];
 
-      this.lastDatetimeArr = [...this.localDatetimeArr]
-      const lastDatetimeArr = [...this.lastDatetimeArr]
-      this.localVal = lastDatetimeArr[0] + this.localJoint + lastDatetimeArr[1] + this.localJoint + lastDatetimeArr[2] + ' ' + lastDatetimeArr[3] + ':' + lastDatetimeArr[4]
+      this.lastDatetimeArr = [...this.localDatetimeArr];
+      const lastDatetimeArr = [...this.lastDatetimeArr];
+      this.localVal =
+        lastDatetimeArr[0] +
+        this.localJoint +
+        lastDatetimeArr[1] +
+        this.localJoint +
+        lastDatetimeArr[2] +
+        ' ' +
+        lastDatetimeArr[3] +
+        ':' +
+        lastDatetimeArr[4];
       this.$emit('input', this.localVal);
     }
   }
@@ -428,4 +476,4 @@ export default {
 .cv-picker-item-placeholder {
   color: grey;
 }
-</style>
+</style>