wangyuan/moboos-ad-report
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: date range applies only on confirm button click

Browse Source
This commit is contained in:
王源
2026-09-10 14:43:08 +08:00
parent 50e3b1b187
commit a5107fccf7
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -1
View File
@@ -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;"> <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> <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;"> <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> <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>
</div> </div>
@@ -377,8 +378,10 @@
const s = document.getElementById('perfStart'), e = document.getElementById('perfEnd'); const s = document.getElementById('perfStart'), e = document.getElementById('perfEnd');
s.min = e.min = allD[0]; s.max = e.max = allD[allD.length-1]; 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(id).addEventListener('change', drawPerf));
document.getElementById('perfDateApply').addEventListener('click', drawPerf);
document.getElementById('perfDateReset').addEventListener('click', () => { document.getElementById('perfDateReset').addEventListener('click', () => {
document.getElementById('perfStart').value = ''; document.getElementById('perfStart').value = '';
document.getElementById('perfEnd').value = ''; document.getElementById('perfEnd').value = '';