瀏覽代碼

Fix DatePicker button

qingwei.li 9 年之前
父節點
當前提交
951c3de1bf

+ 6 - 0
packages/date-picker/src/panel/date-range.vue

@@ -7,6 +7,7 @@
         <slot name="sidebar" class="el-picker-panel__sidebar"></slot>
         <div class="el-picker-panel__sidebar" v-if="shortcuts">
           <button
+            type="button"
             class="el-picker-panel__shortcut"
             v-for="shortcut in shortcuts"
             @click="handleShortcutClick(shortcut)">{{shortcut.text}}</button>
@@ -67,9 +68,11 @@
           <div class="el-picker-panel__content el-date-range-picker__content is-left">
             <div class="el-date-range-picker__header">
               <button
+                type="button"
                 @click="prevYear"
                 class="el-picker-panel__icon-btn el-icon-d-arrow-left"></button>
               <button
+                type="button"
                 @click="prevMonth"
                 class="el-picker-panel__icon-btn el-icon-arrow-left"></button>
               <div>{{ leftLabel }}</div>
@@ -89,9 +92,11 @@
           <div class="el-picker-panel__content el-date-range-picker__content is-right">
             <div class="el-date-range-picker__header">
               <button
+                type="button"
                 @click="nextYear"
                 class="el-picker-panel__icon-btn el-icon-d-arrow-right"></button>
               <button
+                type="button"
                 @click="nextMonth"
                 class="el-picker-panel__icon-btn el-icon-arrow-right"></button>
               <div>{{ rightLabel }}</div>
@@ -114,6 +119,7 @@
           class="el-picker-panel__link-btn"
           @click="changeToToday">{{ $t('datepicker.today') }}</a>
         <button
+          type="button"
           class="el-picker-panel__btn"
           @click="handleConfirm"
           :disabled="btnDisabled">确定</button>

+ 6 - 0
packages/date-picker/src/panel/date.vue

@@ -7,6 +7,7 @@
         <slot name="sidebar" class="el-picker-panel__sidebar"></slot>
         <div class="el-picker-panel__sidebar" v-if="shortcuts">
           <button
+            type="button"
             class="el-picker-panel__shortcut"
             v-for="shortcut in shortcuts"
             @click="handleShortcutClick(shortcut)">{{ shortcut.text }}</button>
@@ -35,10 +36,12 @@
           </div>
           <div class="el-date-picker__header" v-show="currentView !== 'time'">
             <button
+              type="button"
               @click="prevYear"
               class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left">
             </button>
             <button
+              type="button"
               @click="prevMonth"
               v-show="currentView === 'date'"
               class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-arrow-left">
@@ -52,10 +55,12 @@
               class="el-date-picker__header-label"
               :class="{ active: currentView === 'month' }">{{ month + 1 }}月</span>
             <button
+              type="button"
               @click="nextYear"
               class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right">
             </button>
             <button
+              type="button"
               @click="nextMonth"
               v-show="currentView === 'date'"
               class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-arrow-right">
@@ -97,6 +102,7 @@
           class="el-picker-panel__link-btn"
           @click="changeToToday">{{ $t('datepicker.today') }}</a>
         <button
+          type="button"
           class="el-picker-panel__btn"
           @click="confirm">{{ $t('datepicker.confirm') }}</button>
       </div>

+ 2 - 0
packages/date-picker/src/panel/time-range.vue

@@ -35,9 +35,11 @@
       </div>
       <div class="el-time-panel__footer">
         <button
+          type="button"
           class="el-time-panel__btn cancel"
           @click="handleCancel()">取消</button>
         <button
+          type="button"
           class="el-time-panel__btn confirm"
           @click="handleConfirm()"
           :disabled="btnDisabled">确定</button>

+ 2 - 0
packages/date-picker/src/panel/time.vue

@@ -16,9 +16,11 @@
       </div>
       <div class="el-time-panel__footer">
         <button
+          type="button"
           class="el-time-panel__btn cancel"
           @click="handleCancel()">取消</button>
         <button
+          type="button"
           class="el-time-panel__btn confirm"
           @click="handleConfirm()">确定</button>
       </div>