对于低频的option选项，应该如何对待?

Question

经常遇到这样的问题，比如开发一个预约功能，预约时间可以选择，如

<select id="appointment-time">
    <option value="21">8：00-10：00</option>
    <option value="22">10：00-12：00</option>
    <option value="23">12：00-14：00</option>
    <option value="24">14：00-16：00</option>
    <option value="25">16：00-18：00</option>
    <option value="26">18：00-20：00</option>
    <option value="27">20：00-22：00</option>                                                        
</select>

我需要单独建一个预约时间表去存储这些时间数据吗？还是有其他好办法？

Answer 1

从方便将来维护的角度考虑，专门存储这些数据是值得的。 至于存储方式，可以用表，也可以用配置文件；可以一条一条存，也可以一堆数据存到一起。

Answer 2

前端写个配置文件就可以了 const time = [ {text: '8：00-10：00', value: 21 } ... ] for 循环 即可这要前后端约定好，即约定大于配置