init DatePicker

init DatePicker

init DatePicker
梁灏
1 parent 46d4f3b3
Showing 11 changed files with 111 additions and 5 deletions Show diff stats
src/components/date-picker/base/date-table.vue
src/components/date-picker/base/month-table.vue
src/components/date-picker/base/year-table.vue
src/components/date-picker/index.js
src/components/date-picker/panel/date-range.vue
src/components/date-picker/panel/date.vue
src/components/date-picker/picker.vue
src/components/date-picker/picker/date-picker.js
src/components/input-number/input-number.vue
src/index.js
test/routers/tabs.vue
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {}
+        },
+        computed: {},
+        methods: {}
+    }
+</script>
 \ No newline at end of file
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {}
+        },
+        computed: {},
+        methods: {}
+    }
+</script>
 \ No newline at end of file
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {}
+        },
+        computed: {},
+        methods: {}
+    }
+</script>
 \ No newline at end of file
+import DatePicker from './picker/date-picker';
+
+export default DatePicker;
 \ No newline at end of file
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {}
+        },
+        computed: {},
+        methods: {}
+    }
+</script>
 \ No newline at end of file
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {}
+        },
+        computed: {},
+        methods: {}
+    }
+</script>
 \ No newline at end of file
+<template>
+
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {}
+        },
+        computed: {},
+        methods: {}
+    }
+</script>
 \ No newline at end of file
+import Picker from '../picker.vue';
+import DatePanel from '../panel/date.vue';
+import DateRangePanel from '../panel/date-range.vue';
+
+const getPanel = function (type) {
+    if (type === 'daterange' || type === 'datetimerange') {
+        return DateRangePanel;
+    }
+    return DatePanel;
+};
+
+export default {
+    mixins: [Picker],
+    props: {
+        type: {
+            type: String,
+            default: 'date'
+        }
+    },
+    created() {
+        this.panel = getPanel(this.type);
+    }
+}
 \ No newline at end of file
@@ -37,7 +37,7 @@
         return (/(^-?[0-9]+\.{1}\d+$)|(^-?[1-9][0-9]*$)/).test(value + '');
     }
     function addNum (num1, num2) {
-        var sq1, sq2, m;
+        let sq1, sq2, m;
         try {
             sq1 = num1.toString().split(".")[1].length;
         }
@@ -12,6 +12,7 @@ import Cascader from &#39;./components/cascader&#39;;
 import Checkbox from './components/checkbox';
 import Circle from './components/circle';
 import Collapse from './components/collapse';
+import DatePicker from './components/date-picker';
 import Dropdown from './components/dropdown';
 import Icon from './components/icon';
 import Input from './components/input';
@@ -52,6 +53,7 @@ const iview = {
     Checkbox,
     CheckboxGroup: Checkbox.Group,
     Circle,
+    DatePicker,
     Dropdown,
     DropdownItem: Dropdown.Item,
     DropdownMenu: Dropdown.Menu,
 <template>
-    <Tabs size="small">
-        <Tab-pane label="macOS" icon="social-apple">标签一的内容</Tab-pane>
-        <Tab-pane label="Windows" icon="social-windows">标签二的内容</Tab-pane>
-        <Tab-pane label="Linux" icon="social-tux">标签三的内容</Tab-pane>
+    <Tabs active-key="key1">
+        <tab-pane label="标签一" key="key1">标签一的内容</tab-pane>
+        <tab-pane label="标签二" key="key2">标签二的内容</tab-pane>
+        <tab-pane label="标签三" key="key3">标签三的内容</tab-pane>
     </Tabs>
 </template>
 <script>