init

xhs-mini-demos/component-case/picker-view/picker-view.js

@@ -0,0 +1,77 @@
+const __templateJs = require("./templates.js");
+const __mergePageOptions = require("../../util/mergePageOptions.js");
+const date = new Date();
+const years = [];
+const months = [];
+const mapDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+const days = [];
+for (let i = 1990; i <= date.getFullYear(); i++) {
+  years.push(i);
+}
+for (let i = 1; i <= 12; i++) {
+  months.push(i);
+}
+for (let i = 0; i <= mapDays.length; i++) {
+  days.push(new Array(mapDays[i]).fill(0).map((item, index) => index + 1));
+}
+Page(__mergePageOptions({
+  onShareAppMessage() {
+    return {
+      title: 'picker-view',
+      path: 'page/component/pages/picker-view/picker-view'
+    };
+  },
+  data: {
+    years,
+    year: date.getFullYear(),
+    months,
+    month: 2,
+    days,
+    day: 2,
+    value: [9999, 1, 1],
+    isDaytime: true,
+    indicatorStyle: 'height: 50px;',
+    maskStyle: '',
+    bindpickstartTime: '',
+    bindpickendTime: '',
+    daysMap: {
+      0: [1, 2],
+      1: [1, 2, 3, 4],
+      2: [1, 2, 3, 4, 5, 6]
+    }
+  },
+  setDefaultValue() {
+    this.setData({
+      value: [1, 1, 1]
+    });
+  },
+  setChangeIndicatorHeight() {
+    this.setData({
+      indicatorStyle: 'height: 70px;'
+    });
+  },
+  setChangeMaskStyle() {
+    this.setData({
+      maskStyle: 'background-image: none;'
+    });
+  },
+  bindChange(e) {
+    const val = e.detail.value;
+    this.setData({
+      year: this.data.years[val[0]],
+      month: this.data.months[val[1]],
+      day: this.data.days[val[1]][val[2]],
+      isDaytime: !val[3]
+    });
+  },
+  bindpickstart(e) {
+    this.setData({
+      bindpickstartTime: e.timeStamp
+    });
+  },
+  bindpickend(e) {
+    this.setData({
+      bindpickendTime: e.timeStamp
+    });
+  }
+}, __templateJs));