eoss-mobiles 0.4.0 → 0.4.2

package/packages/date/src/date-time.vue

@@ -1,290 +1,290 @@
-<template>
-  <!-- 弹出层 -->
-  <!-- 时间选择 -->
-  <van-picker
-    ref="picker"
-    show-toolbar
-    title="请选择时间"
-    :columns="columns"
-    @change="onChange"
-    @cancel="cancelOn"
-    @confirm="onConfirm"
-  >
-    <template slot="title">{{ title }}</template>
-  </van-picker>
-</template>
-<script>
-export default {
-  name: 'EmDateTime',
-  props: {
-    values: { type: [String, Object,Date] },
-    joinStr:{ type: String},
-    minDate:{ type: [String, Object,Date]},
-    maxDate:{ type: [String, Object,Date]},
-    title: { type: String, default: '请选择时间' }
-  },
-  data() {
-    return {
-      columns: [], //所有时间
-      Mdays: '', //弹窗关闭时月份所在值
-      Dindex: null
-    };
-  },
-  watch: {
-    isPicker(val) {
-      this.columns = [];
-      this.getcolumns();
-    },
-    values(val) {
-      if (val == '') {
-        this.Mdays = '';
-        this.Dindex = null;
-      }
-    }
-  },
-  mounted() {
-    this.columns = [];
-    this.getcolumns();
-  },
-  methods: {
-    getCountDays(year, month) {
-      //获取某年某月多少天
-      var day = new Date(year, month, 0);
-      return day.getDate();
-    },
-    getDateVal(date) {
-      var newY = date.getFullYear();
-      var newM = date.getMonth();
-      var newD = date.getDate();
-      var newh = date.getHours();
-      var newm = date.getMinutes();
-      var news = date.getSeconds();
-      return { newY, newM, newD, newh, newm, news };
-    },
-    getcolumns() {
-      const _that = this;
-      let newDate = this.values;
-      if (typeof this.values == 'string') {
-        newDate = newDate.replace('年', '/');
-        newDate = newDate.replace('月', '/');
-        newDate = newDate.replace('日', ' ');
-        newDate = newDate.replace('时', ':');
-        newDate = newDate.replace('分', ':');
-        newDate = newDate.replace('秒', '');
-        newDate = newDate.replace(/-/g, '/');
-        newDate = newDate.trim();
-      }
-      // var strtime = this.values;
-      var date = new Date(newDate);
-      var vmoduletime = date.getTime();
-      if (this.values != '') {
-        var vmoduledate = new Date(vmoduletime);
-      } else {
-        var vmoduledate = new Date(); //没有传入时间则默认当前时刻
-      }
-      var minY,
-        minM,
-        minD,
-        minh,
-        minm,
-        mins,
-        maxY,
-        maxM,
-        maxD,
-        maxh,
-        maxm,
-        maxs = '';
-      if (this.minDate) {
-        const { newY, newM, newD, newh, newm, news } = this.getDateVal(
-          this.minDate
-        );
-        minY = newY;
-        minM = newM;
-        minD = newD;
-        minh = newh;
-        minm = newm;
-        mins = news;
-      }
-      if (this.maxDate) {
-        const { newY, newM, newD, newh, newm, news } = this.getDateVal(
-          this.maxDate
-        );
-        maxY = newY;
-        maxM = newM;
-        maxD = newD;
-        maxh = newh;
-        maxm = newm;
-        maxs = news;
-      }
-
-      var Y = vmoduledate.getFullYear();
-      var M = vmoduledate.getMonth();
-      var D = vmoduledate.getDate();
-      var h = vmoduledate.getHours();
-      var m = vmoduledate.getMinutes();
-      var s = vmoduledate.getSeconds();
-      var year = {}; //获取前后十年数组
-      year.values = [];
-      var Currentday = new Date().getFullYear();
-      for (
-        var i = minY || Currentday - 10;
-        i < (maxY + 1 || Currentday + 10);
-        i++
-      ) {
-        year.values.push(i + (_that.joinStr ? '' : '年'));
-      }
-      year.defaultIndex = year.values.indexOf(Y + (_that.joinStr ? '' : '年')); //设置默认选项当前年
-      _that.columns.push(year);
-      var month = {}; //获取12月数组
-      month.defaultIndex = M;
-      month.values = Object.keys(Array.apply(null, { length: 13 })).map(
-        // function(item) {
-        //   if (
-        //     ((minM != undefined ? minM + Number(item) + 1 : '') ||
-        //       Number(item) + 1) <
-        //     (maxM + 1 <= 10 && maxM != undefined ? maxM+ 1 : 10)
-        //   ) {
-        //     return (
-        //       '0' +
-        //       (minM != undefined ? minM + Number(item) + 1 : Number(item) + 1) +
-        //       (_that.joinStr ? '' : '月')
-        //     );
-        //   } else if (
-        //     10 <=
-        //       ((minM != '' ? minM + Number(item) + 1 : '') ||
-        //         Number(item) + 1) &&
-        //     ((minM != '' ? minM + Number(item) + 1 : '') || Number(item) + 1) <
-        //      ( maxM
-        //       ? maxM + 2
-        //       : 12)
-        //   ) {
-        //     return (
-        //       (minM != undefined ? minM + Number(item) + 1 : Number(item) + 1) +
-        //       (_that.joinStr ? '' : '月')
-        //     );
-        //   }
-        //   // else {
-        //   //   return (+item + 0).toString() + (_that.joinStr ? '' : '月');
-        //   // }
-        // }
-        function(item) {
-          if (Number(item) < 10) {
-            return '0' + Number(item) + (_that.joinStr ? '' : '月');
-          } else if (10 <= Number(item)&& Number(item) <= 12) {
-            return Number(item)+ (_that.joinStr ? '' : '月');
-          }
-        }
-      );
-      month.values.splice(0, 1);
-      month.values = month.values.filter(x => x != undefined);
-      this.columns.push(month);
-      //获取当月的天数
-      var days = this.getCountDays(Y, this.Mdays == '' ? M + 1 : this.Mdays);
-      var day = {}; //创建当月天数数组
-      day.defaultIndex = this.Dindex == null ? D - 1 : this.Dindex;
-      day.values = Object.keys(Array.apply(null, { length: days + 1 })).map(
-        function(item) {
-          if (+item + 1 <= 10) {
-            return '0' + item + (_that.joinStr ? '' : '日');
-          } else if (+item + 1 == 11) {
-            return +item + (_that.joinStr ? '' : '日');
-          } else {
-            return (+item + 0).toString() + (_that.joinStr ? '' : '日');
-          }
-        }
-      );
-      day.values.splice(0, 1);
-      this.columns.push(day);
-      var hour = {}; //创建小时数组
-      hour.defaultIndex = h;
-      hour.values = Object.keys(Array.apply(null, { length: 24 })).map(function(
-        item
-      ) {
-        if (+item + 1 <= 10) {
-          return '0' + item + (_that.joinStr ? '' : '时');
-        } else if (+item + 1 == 11) {
-          return +item + (_that.joinStr ? '' : '时');
-        } else {
-          return (+item + 0).toString() + (_that.joinStr ? '' : '时');
-        }
-      });
-      this.columns.push(hour);
-      var mi = {}; //创建分钟数组
-      mi.defaultIndex = m;
-      mi.values = Object.keys(Array.apply(null, { length: 60 })).map(function(
-        item
-      ) {
-        if (+item + 1 <= 10) {
-          return '0' + item + (_that.joinStr ? '' : '分');
-        } else if (+item + 1 == 11) {
-          return +item + (_that.joinStr ? '' : '分');
-        } else {
-          return (+item + 0).toString() + (_that.joinStr ? '' : '分');
-        }
-      });
-      this.columns.push(mi);
-      var ss = {}; //创建秒数数组
-      ss.defaultIndex = s;
-      ss.values = Object.keys(Array.apply(null, { length: 60 })).map(function(
-        item
-      ) {
-        if (+item + 1 <= 10) {
-          return '0' + item + (_that.joinStr ? '' : '秒');
-        } else if (+item + 1 == 11) {
-          return +item + (_that.joinStr ? '' : '秒');
-        } else {
-          return (+item + 0).toString() + (_that.joinStr ? '' : '秒');
-        }
-      });
-      this.columns.push(ss);
-    },
-    onChange(values, a) {
-      const _that = this;
-      //a为所有列备选项值的数组
-      var days = this.getCountDays(a[0].substr(0, 4), a[1].substr(0, 2));
-      var newdays = {};
-      newdays.values = Object.keys(Array.apply(null, { length: days + 1 })).map(
-        function(item) {
-          if (+item + 1 <= 10) {
-            return '0' + item + (_that.joinStr ? '' : '日');
-          } else if (+item + 1 == 11) {
-            return +item + (_that.joinStr ? '' : '日');
-          } else {
-            return (+item + 0).toString() + (_that.joinStr ? '' : '日');
-          }
-        }
-      );
-      newdays.values.splice(0, 1);
-      this.$refs.picker.setColumnValues(2, newdays.values); //设置第三列的值
-      this.$refs.picker.setColumnIndex(2, a[2].substr(0, 2) - 1); //设置第三列索引
-    },
-    // 关闭弹框
-    confirmOn() {
-      var currentM = this.$refs.picker.getColumnValue(1);
-      this.Mdays = currentM.substr(0, 2);
-      this.Dindex = this.$refs.picker.getColumnIndex(2);
-    },
-    //时间选择器关闭
-    cancelOn() {
-      this.$emit('cancel');
-    },
-    // 时间选择器确定
-    onConfirm(val, index) {
-      var endval =
-        val[0].substr(0, 4) +
-        (this.joinStr || '年') +
-        val[1].substr(0, 2) +
-        (this.joinStr || '月') +
-        val[2].substr(0, 2) +
-        (this.joinStr ? ' ' : '日 ') +
-        val[3].substr(0, 2) +
-        (this.joinStr ? ':' : '时') +
-        val[4].substr(0, 2) +
-        (this.joinStr ? ':' : '分') +
-        val[5].substr(0, 2) +
-        (this.joinStr ? '' : '秒');
-      this.$emit('confirm', endval);
-    }
-  }
-};
-</script>
+<template>
+  <!-- 弹出层 -->
+  <!-- 时间选择 -->
+  <van-picker
+    ref="picker"
+    show-toolbar
+    title="请选择时间"
+    :columns="columns"
+    @change="onChange"
+    @cancel="cancelOn"
+    @confirm="onConfirm"
+  >
+    <template slot="title">{{ title }}</template>
+  </van-picker>
+</template>
+<script>
+export default {
+  name: 'EmDateTime',
+  props: {
+    values: { type: [String, Object,Date] },
+    joinStr:{ type: String},
+    minDate:{ type: [String, Object,Date]},
+    maxDate:{ type: [String, Object,Date]},
+    title: { type: String, default: '请选择时间' }
+  },
+  data() {
+    return {
+      columns: [], //所有时间
+      Mdays: '', //弹窗关闭时月份所在值
+      Dindex: null
+    };
+  },
+  watch: {
+    isPicker(val) {
+      this.columns = [];
+      this.getcolumns();
+    },
+    values(val) {
+      if (val == '') {
+        this.Mdays = '';
+        this.Dindex = null;
+      }
+    }
+  },
+  mounted() {
+    this.columns = [];
+    this.getcolumns();
+  },
+  methods: {
+    getCountDays(year, month) {
+      //获取某年某月多少天
+      var day = new Date(year, month, 0);
+      return day.getDate();
+    },
+    getDateVal(date) {
+      var newY = date.getFullYear();
+      var newM = date.getMonth();
+      var newD = date.getDate();
+      var newh = date.getHours();
+      var newm = date.getMinutes();
+      var news = date.getSeconds();
+      return { newY, newM, newD, newh, newm, news };
+    },
+    getcolumns() {
+      const _that = this;
+      let newDate = this.values;
+      if (typeof this.values == 'string') {
+        newDate = newDate.replace('年', '/');
+        newDate = newDate.replace('月', '/');
+        newDate = newDate.replace('日', ' ');
+        newDate = newDate.replace('时', ':');
+        newDate = newDate.replace('分', ':');
+        newDate = newDate.replace('秒', '');
+        newDate = newDate.replace(/-/g, '/');
+        newDate = newDate.trim();
+      }
+      // var strtime = this.values;
+      var date = new Date(newDate);
+      var vmoduletime = date.getTime();
+      if (this.values != '') {
+        var vmoduledate = new Date(vmoduletime);
+      } else {
+        var vmoduledate = new Date(); //没有传入时间则默认当前时刻
+      }
+      var minY,
+        minM,
+        minD,
+        minh,
+        minm,
+        mins,
+        maxY,
+        maxM,
+        maxD,
+        maxh,
+        maxm,
+        maxs = '';
+      if (this.minDate) {
+        const { newY, newM, newD, newh, newm, news } = this.getDateVal(
+          this.minDate
+        );
+        minY = newY;
+        minM = newM;
+        minD = newD;
+        minh = newh;
+        minm = newm;
+        mins = news;
+      }
+      if (this.maxDate) {
+        const { newY, newM, newD, newh, newm, news } = this.getDateVal(
+          this.maxDate
+        );
+        maxY = newY;
+        maxM = newM;
+        maxD = newD;
+        maxh = newh;
+        maxm = newm;
+        maxs = news;
+      }
+
+      var Y = vmoduledate.getFullYear();
+      var M = vmoduledate.getMonth();
+      var D = vmoduledate.getDate();
+      var h = vmoduledate.getHours();
+      var m = vmoduledate.getMinutes();
+      var s = vmoduledate.getSeconds();
+      var year = {}; //获取前后十年数组
+      year.values = [];
+      var Currentday = new Date().getFullYear();
+      for (
+        var i = minY || Currentday - 10;
+        i < (maxY + 1 || Currentday + 10);
+        i++
+      ) {
+        year.values.push(i + (_that.joinStr ? '' : '年'));
+      }
+      year.defaultIndex = year.values.indexOf(Y + (_that.joinStr ? '' : '年')); //设置默认选项当前年
+      _that.columns.push(year);
+      var month = {}; //获取12月数组
+      month.defaultIndex = M;
+      month.values = Object.keys(Array.apply(null, { length: 13 })).map(
+        // function(item) {
+        //   if (
+        //     ((minM != undefined ? minM + Number(item) + 1 : '') ||
+        //       Number(item) + 1) <
+        //     (maxM + 1 <= 10 && maxM != undefined ? maxM+ 1 : 10)
+        //   ) {
+        //     return (
+        //       '0' +
+        //       (minM != undefined ? minM + Number(item) + 1 : Number(item) + 1) +
+        //       (_that.joinStr ? '' : '月')
+        //     );
+        //   } else if (
+        //     10 <=
+        //       ((minM != '' ? minM + Number(item) + 1 : '') ||
+        //         Number(item) + 1) &&
+        //     ((minM != '' ? minM + Number(item) + 1 : '') || Number(item) + 1) <
+        //      ( maxM
+        //       ? maxM + 2
+        //       : 12)
+        //   ) {
+        //     return (
+        //       (minM != undefined ? minM + Number(item) + 1 : Number(item) + 1) +
+        //       (_that.joinStr ? '' : '月')
+        //     );
+        //   }
+        //   // else {
+        //   //   return (+item + 0).toString() + (_that.joinStr ? '' : '月');
+        //   // }
+        // }
+        function(item) {
+          if (Number(item) < 10) {
+            return '0' + Number(item) + (_that.joinStr ? '' : '月');
+          } else if (10 <= Number(item)&& Number(item) <= 12) {
+            return Number(item)+ (_that.joinStr ? '' : '月');
+          }
+        }
+      );
+      month.values.splice(0, 1);
+      month.values = month.values.filter(x => x != undefined);
+      this.columns.push(month);
+      //获取当月的天数
+      var days = this.getCountDays(Y, this.Mdays == '' ? M + 1 : this.Mdays);
+      var day = {}; //创建当月天数数组
+      day.defaultIndex = this.Dindex == null ? D - 1 : this.Dindex;
+      day.values = Object.keys(Array.apply(null, { length: days + 1 })).map(
+        function(item) {
+          if (+item + 1 <= 10) {
+            return '0' + item + (_that.joinStr ? '' : '日');
+          } else if (+item + 1 == 11) {
+            return +item + (_that.joinStr ? '' : '日');
+          } else {
+            return (+item + 0).toString() + (_that.joinStr ? '' : '日');
+          }
+        }
+      );
+      day.values.splice(0, 1);
+      this.columns.push(day);
+      var hour = {}; //创建小时数组
+      hour.defaultIndex = h;
+      hour.values = Object.keys(Array.apply(null, { length: 24 })).map(function(
+        item
+      ) {
+        if (+item + 1 <= 10) {
+          return '0' + item + (_that.joinStr ? '' : '时');
+        } else if (+item + 1 == 11) {
+          return +item + (_that.joinStr ? '' : '时');
+        } else {
+          return (+item + 0).toString() + (_that.joinStr ? '' : '时');
+        }
+      });
+      this.columns.push(hour);
+      var mi = {}; //创建分钟数组
+      mi.defaultIndex = m;
+      mi.values = Object.keys(Array.apply(null, { length: 60 })).map(function(
+        item
+      ) {
+        if (+item + 1 <= 10) {
+          return '0' + item + (_that.joinStr ? '' : '分');
+        } else if (+item + 1 == 11) {
+          return +item + (_that.joinStr ? '' : '分');
+        } else {
+          return (+item + 0).toString() + (_that.joinStr ? '' : '分');
+        }
+      });
+      this.columns.push(mi);
+      var ss = {}; //创建秒数数组
+      ss.defaultIndex = s;
+      ss.values = Object.keys(Array.apply(null, { length: 60 })).map(function(
+        item
+      ) {
+        if (+item + 1 <= 10) {
+          return '0' + item + (_that.joinStr ? '' : '秒');
+        } else if (+item + 1 == 11) {
+          return +item + (_that.joinStr ? '' : '秒');
+        } else {
+          return (+item + 0).toString() + (_that.joinStr ? '' : '秒');
+        }
+      });
+      this.columns.push(ss);
+    },
+    onChange(values, a) {
+      const _that = this;
+      //a为所有列备选项值的数组
+      var days = this.getCountDays(a[0].substr(0, 4), a[1].substr(0, 2));
+      var newdays = {};
+      newdays.values = Object.keys(Array.apply(null, { length: days + 1 })).map(
+        function(item) {
+          if (+item + 1 <= 10) {
+            return '0' + item + (_that.joinStr ? '' : '日');
+          } else if (+item + 1 == 11) {
+            return +item + (_that.joinStr ? '' : '日');
+          } else {
+            return (+item + 0).toString() + (_that.joinStr ? '' : '日');
+          }
+        }
+      );
+      newdays.values.splice(0, 1);
+      this.$refs.picker.setColumnValues(2, newdays.values); //设置第三列的值
+      this.$refs.picker.setColumnIndex(2, a[2].substr(0, 2) - 1); //设置第三列索引
+    },
+    // 关闭弹框
+    confirmOn() {
+      var currentM = this.$refs.picker.getColumnValue(1);
+      this.Mdays = currentM.substr(0, 2);
+      this.Dindex = this.$refs.picker.getColumnIndex(2);
+    },
+    //时间选择器关闭
+    cancelOn() {
+      this.$emit('cancel');
+    },
+    // 时间选择器确定
+    onConfirm(val, index) {
+      var endval =
+        val[0].substr(0, 4) +
+        (this.joinStr || '年') +
+        val[1].substr(0, 2) +
+        (this.joinStr || '月') +
+        val[2].substr(0, 2) +
+        (this.joinStr ? ' ' : '日 ') +
+        val[3].substr(0, 2) +
+        (this.joinStr ? ':' : '时') +
+        val[4].substr(0, 2) +
+        (this.joinStr ? ':' : '分') +
+        val[5].substr(0, 2) +
+        (this.joinStr ? '' : '秒');
+      this.$emit('confirm', endval);
+    }
+  }
+};
+</script>