diff --git a/dist/bundle.css b/dist/bundle.css
index d23322729..caeb1e6a9 100644
--- a/dist/bundle.css
+++ b/dist/bundle.css
@@ -439,6 +439,15 @@ textarea {
 .bi-high-light .bi-textarea {
   color: #3685f2;
 }
+.bi-error {
+  color: #ff4949;
+}
+.bi-error .bi-input {
+  color: #ff4949;
+}
+.bi-error .bi-textarea {
+  color: #ff4949;
+}
 .bi-high-light-background {
   background-color: #3685f2;
   color: #ffffff;
@@ -449,6 +458,16 @@ textarea {
 .bi-high-light-background .bi-textarea {
   color: #ffffff;
 }
+.bi-error-background {
+  background-color: #ff4949;
+  color: #ffffff;
+}
+.bi-error-background .bi-input {
+  color: #ffffff;
+}
+.bi-error-background .bi-textarea {
+  color: #ffffff;
+}
 .bi-high-light-border {
   border-color: #3685f2;
 }
diff --git a/dist/bundle.js b/dist/bundle.js
index d92f1e173..3a8270d2b 100644
--- a/dist/bundle.js
+++ b/dist/bundle.js
@@ -111985,7 +111985,7 @@ BI.shortcut("bi.dynamic_year_quarter_popup", BI.DynamicYearQuarterPopup);BI.Dyna
         });
         editor.on(BI.SignEditor.EVENT_CHANGE, function () {
             if(isYear) {
-                self._autoSwitch(editor.getValue());
+                self._autoSwitch(editor);
             }
         });
 
@@ -112018,6 +112018,7 @@ BI.shortcut("bi.dynamic_year_quarter_popup", BI.DynamicYearQuarterPopup);BI.Dyna
         if (BI.isNotEmptyString(v) && BI.checkDateLegal(v)) {
             if (v.length === 4 && this._yearCheck(v)) {
                 this._doEditorConfirm(editor);
+                this.fireEvent(BI.DynamicYearQuarterTrigger.EVENT_CONFIRM);
                 this.quarterEditor.focus();
             }
         }
diff --git a/dist/core.css b/dist/core.css
index cadbb67b6..fccaa957d 100644
--- a/dist/core.css
+++ b/dist/core.css
@@ -439,6 +439,15 @@ textarea {
 .bi-high-light .bi-textarea {
   color: #3685f2;
 }
+.bi-error {
+  color: #ff4949;
+}
+.bi-error .bi-input {
+  color: #ff4949;
+}
+.bi-error .bi-textarea {
+  color: #ff4949;
+}
 .bi-high-light-background {
   background-color: #3685f2;
   color: #ffffff;
@@ -449,6 +458,16 @@ textarea {
 .bi-high-light-background .bi-textarea {
   color: #ffffff;
 }
+.bi-error-background {
+  background-color: #ff4949;
+  color: #ffffff;
+}
+.bi-error-background .bi-input {
+  color: #ffffff;
+}
+.bi-error-background .bi-textarea {
+  color: #ffffff;
+}
 .bi-high-light-border {
   border-color: #3685f2;
 }
diff --git a/dist/core_without_normalize.css b/dist/core_without_normalize.css
index 1bd02394f..f4ee6c298 100644
--- a/dist/core_without_normalize.css
+++ b/dist/core_without_normalize.css
@@ -161,6 +161,15 @@ textarea {
 .bi-high-light .bi-textarea {
   color: #3685f2;
 }
+.bi-error {
+  color: #ff4949;
+}
+.bi-error .bi-input {
+  color: #ff4949;
+}
+.bi-error .bi-textarea {
+  color: #ff4949;
+}
 .bi-high-light-background {
   background-color: #3685f2;
   color: #ffffff;
@@ -171,6 +180,16 @@ textarea {
 .bi-high-light-background .bi-textarea {
   color: #ffffff;
 }
+.bi-error-background {
+  background-color: #ff4949;
+  color: #ffffff;
+}
+.bi-error-background .bi-input {
+  color: #ffffff;
+}
+.bi-error-background .bi-textarea {
+  color: #ffffff;
+}
 .bi-high-light-border {
   border-color: #3685f2;
 }
diff --git a/dist/fineui.css b/dist/fineui.css
index 459b162c5..4e11b8d5c 100644
--- a/dist/fineui.css
+++ b/dist/fineui.css
@@ -439,6 +439,15 @@ textarea {
 .bi-high-light .bi-textarea {
   color: #3685f2;
 }
+.bi-error {
+  color: #ff4949;
+}
+.bi-error .bi-input {
+  color: #ff4949;
+}
+.bi-error .bi-textarea {
+  color: #ff4949;
+}
 .bi-high-light-background {
   background-color: #3685f2;
   color: #ffffff;
@@ -449,6 +458,16 @@ textarea {
 .bi-high-light-background .bi-textarea {
   color: #ffffff;
 }
+.bi-error-background {
+  background-color: #ff4949;
+  color: #ffffff;
+}
+.bi-error-background .bi-input {
+  color: #ffffff;
+}
+.bi-error-background .bi-textarea {
+  color: #ffffff;
+}
 .bi-high-light-border {
   border-color: #3685f2;
 }
diff --git a/dist/fineui.js b/dist/fineui.js
index 6ce45c445..31899e3d2 100644
--- a/dist/fineui.js
+++ b/dist/fineui.js
@@ -112228,7 +112228,7 @@ BI.shortcut("bi.dynamic_year_quarter_popup", BI.DynamicYearQuarterPopup);BI.Dyna
         });
         editor.on(BI.SignEditor.EVENT_CHANGE, function () {
             if(isYear) {
-                self._autoSwitch(editor.getValue());
+                self._autoSwitch(editor);
             }
         });
 
@@ -112261,6 +112261,7 @@ BI.shortcut("bi.dynamic_year_quarter_popup", BI.DynamicYearQuarterPopup);BI.Dyna
         if (BI.isNotEmptyString(v) && BI.checkDateLegal(v)) {
             if (v.length === 4 && this._yearCheck(v)) {
                 this._doEditorConfirm(editor);
+                this.fireEvent(BI.DynamicYearQuarterTrigger.EVENT_CONFIRM);
                 this.quarterEditor.focus();
             }
         }
diff --git a/dist/widget.js b/dist/widget.js
index 7d19beb16..1dcf3b2ac 100644
--- a/dist/widget.js
+++ b/dist/widget.js
@@ -24361,7 +24361,7 @@ BI.shortcut("bi.dynamic_year_quarter_popup", BI.DynamicYearQuarterPopup);BI.Dyna
         });
         editor.on(BI.SignEditor.EVENT_CHANGE, function () {
             if(isYear) {
-                self._autoSwitch(editor.getValue());
+                self._autoSwitch(editor);
             }
         });
 
@@ -24394,6 +24394,7 @@ BI.shortcut("bi.dynamic_year_quarter_popup", BI.DynamicYearQuarterPopup);BI.Dyna
         if (BI.isNotEmptyString(v) && BI.checkDateLegal(v)) {
             if (v.length === 4 && this._yearCheck(v)) {
                 this._doEditorConfirm(editor);
+                this.fireEvent(BI.DynamicYearQuarterTrigger.EVENT_CONFIRM);
                 this.quarterEditor.focus();
             }
         }
diff --git a/src/css/core/utils/common.css b/src/css/core/utils/common.css
index 62f744596..5f3a2303e 100644
--- a/src/css/core/utils/common.css
+++ b/src/css/core/utils/common.css
@@ -161,6 +161,15 @@ textarea {
 .bi-high-light .bi-textarea {
   color: #3685f2;
 }
+.bi-error {
+  color: #ff4949;
+}
+.bi-error .bi-input {
+  color: #ff4949;
+}
+.bi-error .bi-textarea {
+  color: #ff4949;
+}
 .bi-high-light-background {
   background-color: #3685f2;
   color: #ffffff;
@@ -171,6 +180,16 @@ textarea {
 .bi-high-light-background .bi-textarea {
   color: #ffffff;
 }
+.bi-error-background {
+  background-color: #ff4949;
+  color: #ffffff;
+}
+.bi-error-background .bi-input {
+  color: #ffffff;
+}
+.bi-error-background .bi-textarea {
+  color: #ffffff;
+}
 .bi-high-light-border {
   border-color: #3685f2;
 }
diff --git a/src/less/core/utils/common.less b/src/less/core/utils/common.less
index 3670b6a48..4b73876c3 100644
--- a/src/less/core/utils/common.less
+++ b/src/less/core/utils/common.less
@@ -205,6 +205,16 @@ textarea {
   }
 }
 
+.bi-error {
+  color: @color-bi-text-failure;
+  & .bi-input {
+    color: @color-bi-text-failure;
+  }
+  & .bi-textarea {
+    color: @color-bi-text-failure;
+  }
+}
+
 .bi-high-light-background {
   background-color: @color-bi-background-highlight;
   color: @color-bi-text;
@@ -216,6 +226,18 @@ textarea {
   }
 }
 
+.bi-error-background {
+  background-color: @color-bi-background-failure;
+  color: @color-bi-text;
+  & .bi-input {
+    color: @color-bi-text;
+  }
+  & .bi-textarea {
+    color: @color-bi-text;
+  }
+}
+
+
 .bi-high-light-border {
   border-color: @color-bi-border-highlight;
 }
diff --git a/src/widget/yearquarter/trigger.yearquarter.js b/src/widget/yearquarter/trigger.yearquarter.js
index 2cf7c9ee2..92d8e5f45 100644
--- a/src/widget/yearquarter/trigger.yearquarter.js
+++ b/src/widget/yearquarter/trigger.yearquarter.js
@@ -103,7 +103,7 @@ BI.DynamicYearQuarterTrigger = BI.inherit(BI.Trigger, {
         });
         editor.on(BI.SignEditor.EVENT_CHANGE, function () {
             if(isYear) {
-                self._autoSwitch(editor.getValue());
+                self._autoSwitch(editor);
             }
         });
 
@@ -136,6 +136,7 @@ BI.DynamicYearQuarterTrigger = BI.inherit(BI.Trigger, {
         if (BI.isNotEmptyString(v) && BI.checkDateLegal(v)) {
             if (v.length === 4 && this._yearCheck(v)) {
                 this._doEditorConfirm(editor);
+                this.fireEvent(BI.DynamicYearQuarterTrigger.EVENT_CONFIRM);
                 this.quarterEditor.focus();
             }
         }