debug 时间格式化

src/components/app-mob-datetime-picker/app-mob-datetime-picker.vue

@@ -15,58 +15,59 @@
   </div>
 </template>
 <script lang="ts">
-import { Vue, Component, Prop, Provide, Emit, Watch } from 'vue-property-decorator';
-const moment = require('moment');
+  import {
+    Vue,
+    Component,
+    Prop,
+    Provide,
+    Emit,
+    Watch,
+  } from 'vue-property-decorator';
+  const moment = require('moment');
 
-
-@Component({
+  @Component({
     i18n: {
       messages: {
         'ZH-CN': {
           cancel_text: '取消',
-                done_text: '完成'
+          done_text: '完成',
         },
         'EN-US': {
           cancel_text: 'cancel',
-                done_text: 'submit'
-            }
-        }
+          done_text: 'submit',
         },
-    components: {
-      
-    }
-})
-export default class AppDateTimePicker extends Vue {
-
-    
+      },
+    },
+    components: {},
+  })
+  export default class AppDateTimePicker extends Vue {
     /**
      * 传入值
      *
      * @type {string}
      * @memberof AppDateTimePicker
      */
-    @Prop() public value?:string;
+    @Prop() public value?: string;
 
     /**
      * 当前选中值
      * @memberof AppDateTimePicker
      */
-    public curValue:any = this.value;
+    public curValue: any = this.value;
 
     /**
      * 当前日期
      * @type {*}
      * @memberof MOBILEENTITY3Canlen
      */
-    protected currentDate:any = new Date().getFullYear();
-
+    protected currentDate: any = new Date().getFullYear();
 
     /**
      * 当前选中值
      * @memberof AppDateTimePicker
      */
-    public min:any = this.currentDate - 100;
-    public max:any = this.currentDate + 100;
+    public min: any = this.currentDate - 100;
+    public max: any = this.currentDate + 100;
 
     /**
      * 是否禁用
@@ -74,7 +75,7 @@ export default class AppDateTimePicker extends Vue {
      * @type {boolean}
      * @memberof AppDateTimePicker
      */
-    @Prop() public disabled?:boolean;
+    @Prop() public disabled?: boolean;
 
     /**
      * placeholder
@@ -82,7 +83,7 @@ export default class AppDateTimePicker extends Vue {
      * @type {boolean}
      * @memberof AppDateTimePicker
      */
-    @Prop() public placeholder?:string;
+    @Prop() public placeholder?: string;
 
     /**
      *时间选择改变
@@ -90,28 +91,27 @@ export default class AppDateTimePicker extends Vue {
      * @param event{*}
      * @memberof AppDateTimePicker
      */
-    public valueChange(event:any){
-        this.curValue = event.detail.value;
-        this.$emit('change',event.detail.value);
+    public valueChange(event: any) {
+      this.curValue = moment(event.detail.value).format('YYYY-MM-DD hh:mm:ss');
+      this.$emit('change', this.curValue);
     }
 
     /**
      * 清空值
      * @memberof AppDateTimePicker
      */
-    public clear(){
+    public clear() {
       this.curValue = null;
-        this.$emit('change','')
+      this.$emit('change', '');
     }
 
     /**
      * 时间精度
      * @memberof AppDateTimePicker
      */
-    @Prop({default:"YYYY-MM-DD hh:mm"}) public displayFormat?:string;
-
-}
+    @Prop({ default: 'YYYY-MM-DD hh:mm' }) public displayFormat?: string;
+  }
 </script>
 <style lang="less">
-@import './app-mob-datetime-picker.less';
+  @import './app-mob-datetime-picker.less';
 </style>