添加第二个时间范围选择。可以在界面上添加一个选择第二个时间范围的按钮,当用户点击该按钮时可以显示出第二个时间范围选择器。代码示例:
HTML:
JavaScript:
const secondTimeframeBtn = document.getElementById('second-timeframe-btn');
const secondTimeframeContainer = document.getElementById('second-timeframe-container');
secondTimeframeBtn.addEventListener('click', () => {
secondTimeframeContainer.style.display = 'block';
});
当用户点击“添加第二个时间范围选择”按钮时,通过JavaScript设置第二个时间范围选择器的显示方式为“block”,从而将其显示出来。