diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/DateTimePickers.razor b/src/BootstrapBlazor.Shared/Pages/Samples/DateTimePickers.razor
index 62872f5263a9404630911891a6bd271dd47d5a44..d50fa093bea46063c978c77881a2da078dc1f58a 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/DateTimePickers.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/DateTimePickers.razor
@@ -99,8 +99,11 @@
 
 <Block Title="禁用" Introduction="设置 <code>IsDisabled</code> 属性值为 <code>true</code> 时，组件禁止输入">
     <div class="row g-3">
-        <div class="col-12">
-            <DateTimePicker TValue="DateTime" IsDisabled="true" />
+        <div class="col-12 col-sm-6">
+            <DateTimePicker TValue="DateTime" IsDisabled="IsDisabled" />
+        </div>
+        <div class="col-12 col-sm-6">
+			<Switch @bind-Value="@IsDisabled" />
         </div>
     </div>
 </Block>
diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/DateTimePickers.razor.cs b/src/BootstrapBlazor.Shared/Pages/Samples/DateTimePickers.razor.cs
index adf8e42aabf441ff6bdb5dc57d5ce11b0c26a0d8..9d4b115cd660a2485d2d8454355b2e4f8c15c220 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/DateTimePickers.razor.cs
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/DateTimePickers.razor.cs
@@ -36,6 +36,8 @@ namespace BootstrapBlazor.Shared.Pages
 
         private DateTime? BindNullValue { get; set; }
 
+        private bool IsDisabled { get; set; } = true;
+
         /// <summary>
         /// 
         /// </summary>
diff --git a/src/BootstrapBlazor/Components/Popover/Popover.js b/src/BootstrapBlazor/Components/Popover/Popover.js
index 9047ea6cc96ca2e16460f6cb9191469b506ced00..98bf52dcedc15e1f14299c972c5233763edfe9cd 100644
--- a/src/BootstrapBlazor/Components/Popover/Popover.js
+++ b/src/BootstrapBlazor/Components/Popover/Popover.js
@@ -43,6 +43,10 @@
                     toggle: 'datetime-picker',
                     placement: placement
                 })
+                    .on('show.bs.popover', function () {
+                        var disabled = $(this).parent().hasClass('disabled');
+                        return !disabled;
+                    })
                     .on('inserted.bs.popover', function () {
                         var pId = this.getAttribute('aria-describedby');
                         if (pId) {