feat: date range applies only on confirm button click

index.html

@@ -165,6 +165,7 @@
                     <input type="date" id="perfStart" style="padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#374151;">
                     <span style="color:#9ca3af;">～</span>
                     <input type="date" id="perfEnd" style="padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#374151;">
+                    <button id="perfDateApply" style="padding:6px 14px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:12px;font-weight:600;cursor:pointer;">确认</button>
                     <button id="perfDateReset" style="padding:6px 12px;border:1px solid #d1d5db;border-radius:8px;background:#f8fafc;color:#374151;font-size:12px;cursor:pointer;">清除</button>
                 </div>
             </div>
@@ -377,8 +378,10 @@
             const s = document.getElementById('perfStart'), e = document.getElementById('perfEnd');
             s.min = e.min = allD[0]; s.max = e.max = allD[allD.length-1];
         }
-        ['perfChannel','perfProduct','perfCountry','perfRange','perfDay','perfStart','perfEnd'].forEach(id =>
+        // 下拉类筛选即时生效；自定义日期不即时，需点"确认"才应用
+        ['perfChannel','perfProduct','perfCountry','perfRange','perfDay'].forEach(id =>
             document.getElementById(id).addEventListener('change', drawPerf));
+        document.getElementById('perfDateApply').addEventListener('click', drawPerf);
         document.getElementById('perfDateReset').addEventListener('click', () => {
             document.getElementById('perfStart').value = '';
             document.getElementById('perfEnd').value = '';