add: 时间范围选择器

src/app-register.ts

@@ -145,6 +145,7 @@ import AppEYUpload from './components/app-ey-upload/app-ey-upload.vue';
 import AppEYMPicker from './components/app-ey-mpicker/app-ey-mpicker.vue';
 import ExtendActionTimeline from './components/extend-action-timeline/extend-action-timeline.vue';
 import AppAddressCascader from './components/app-address-cascader/app-address-cascader.vue';
+import AppDateRange from './components/app-date-range/app-date-range.vue';
 // 布局组件
 import AppIndexViewLayoutLeft from './layout/index-view-layout-left/index-view-layout-left.vue';
 import AppIndexViewLayoutTop from './layout/index-view-layout-top/index-view-layout-top.vue';
@@ -322,5 +323,6 @@ export const AppComponents = {
         v.component('app-mpickup-view-layout',AppMPickUpViewLayout);
         v.component('app-pickup-grid-view-layout',AppPickUpGridViewLayout);
         v.component('app-address-cascader',AppAddressCascader);
+        v.component('app-date-range',AppDateRange);
     },
 };
\ No newline at end of file

src/components/app-date-range/app-date-range.less

+.app-date-range{
+  display: block;
+}
+

src/components/app-date-range/app-date-range.vue

+<template>
+    <date-picker></date-picker>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
+@Component({})
+export default class AppDateRange Vue {
+
+    /**
+     * 当前值
+     * 
+     * @type {*}
+     * @memberof AppSpan
+     */
+    @Prop() public value?: any;
+
+    /**
+     * 数据类型
+     * 
+     * @type {string}
+     * @memberof AppSpan
+     */
+    @Prop({default: 'datetime'}) public type?: 'datetime' | 'date';
+
+    /**
+     * 是否禁用
+     * 
+     * @type {string}
+     * @memberof AppSpan
+     */
+    @Prop({default: false}) public disabled?: boolean;
+
+    /**
+     * 日期值格式化
+     * 
+     * @type {string}
+     * @memberof AppSpan
+     */
+    @Prop() public valueFormat?: string;
+
+    /**
+     * 传入表单数据
+     *
+     * @type {*}
+     * @memberof AppSpan
+     */
+    @Prop() public data?: any;
+
+    /**
+     * 监控表单属性 data 值
+     *
+     * @memberof AppSpan
+     */
+    @Watch('data')
+    onDataChange(newVal: any, oldVal: any) {
+        if(newVal !== oldVal){
+           console.log(newVal);
+        }
+    }
+    
+}
+</script>
+
+<style lang='less'>
+@import './app-date-range.less';
+</style>
\ No newline at end of file