Explorar o código

JDate封装组件新增showToday属性

ZhangWenQiang %!s(int64=4) %!d(string=hai) anos
pai
achega
76a81c628a
Modificáronse 1 ficheiros con 91 adicións e 85 borrados
  1. 91 85
      src/components/jeecg/JDate.vue

+ 91 - 85
src/components/jeecg/JDate.vue

@@ -1,85 +1,91 @@
-<template>
-  <a-date-picker
-    :disabled="disabled || readOnly"
-    :placeholder="placeholder"
-    @change="handleDateChange"
-    :value="momVal"
-    :showTime="showTime"
-    :format="dateFormat"
-    :getCalendarContainer="getCalendarContainer"
-  />
-</template>
-<script>
-  import moment from 'moment'
-  export default {
-    name: 'JDate',
-    props: {
-      placeholder:{
-        type: String,
-        default: '',
-        required: false
-      },
-      value:{
-        type: String,
-        required: false
-      },
-      dateFormat:{
-        type: String,
-        default: 'YYYY-MM-DD',
-        required: false
-      },
-      //此属性可以被废弃了
-      triggerChange:{
-        type: Boolean,
-        required: false,
-        default: false
-      },
-      readOnly:{
-        type: Boolean,
-        required: false,
-        default: false
-      },
-      disabled:{
-        type: Boolean,
-        required: false,
-        default: false
-      },
-      showTime:{
-        type: Boolean,
-        required: false,
-        default: false
-      },
-      getCalendarContainer: {
-        type: Function,
-        default: () => document.body
-      }
-    },
-    data () {
-      let dateStr = this.value;
-      return {
-        decorator:"",
-        momVal:!dateStr?null:moment(dateStr,this.dateFormat)
-      }
-    },
-    watch: {
-      value (val) {
-        if(!val){
-          this.momVal = null
-        }else{
-          this.momVal = moment(val,this.dateFormat)
-        }
-      }
-    },
-    methods: {
-      moment,
-      handleDateChange(mom,dateStr){
-        this.$emit('change', dateStr);
-      }
-    },
-    //2.2新增 在组件内定义 指定父组件调用时候的传值属性和事件类型 这个牛逼
-    model: {
-      prop: 'value',
-      event: 'change'
-    }
-  }
-</script>
+<template>
+  <a-date-picker
+    :disabled="disabled || readOnly"
+    :placeholder="placeholder"
+    @change="handleDateChange"
+    :value="momVal"
+    :showTime="showTime"
+    :showToday="showToday"
+    :format="dateFormat"
+    :getCalendarContainer="getCalendarContainer"
+  />
+</template>
+<script>
+  import moment from 'moment'
+  export default {
+    name: 'JDate',
+    props: {
+      placeholder:{
+        type: String,
+        default: '',
+        required: false
+      },
+      value:{
+        type: String,
+        required: false
+      },
+      dateFormat:{
+        type: String,
+        default: 'YYYY-MM-DD',
+        required: false
+      },
+      //此属性可以被废弃了
+      triggerChange:{
+        type: Boolean,
+        required: false,
+        default: false
+      },
+      readOnly:{
+        type: Boolean,
+        required: false,
+        default: false
+      },
+      disabled:{
+        type: Boolean,
+        required: false,
+        default: false
+      },
+      showTime:{
+        type: Boolean,
+        required: false,
+        default: false
+      },
+      showToday:{
+        type: Boolean,
+        required: false,
+        default: false
+      },
+      getCalendarContainer: {
+        type: Function,
+        default: () => document.body
+      }
+    },
+    data () {
+      let dateStr = this.value;
+      return {
+        decorator:"",
+        momVal:!dateStr?null:moment(dateStr,this.dateFormat)
+      }
+    },
+    watch: {
+      value (val) {
+        if(!val){
+          this.momVal = null
+        }else{
+          this.momVal = moment(val,this.dateFormat)
+        }
+      }
+    },
+    methods: {
+      moment,
+      handleDateChange(mom,dateStr){
+        this.$emit('change', dateStr);
+      }
+    },
+    //2.2新增 在组件内定义 指定父组件调用时候的传值属性和事件类型 这个牛逼
+    model: {
+      prop: 'value',
+      event: 'change'
+    }
+  }
+</script>