WooCommerce Checkout-根据预定义的时间段自动添加额外的递送费用

Question

我希望允许客户在其结帐页面中选择首选的交货日期和时间段，并根据所选的时间段动态添加交货费用。

使用这个出色的解决方案Time loop for WooCommerce checkout select option from date picker input field，让我可以在结帐页面中添加日期和时间字段。

但是，我需要更多的可定制性，以便显示的时隙基于以下内容（例如）：

1. 早上（8am-12pm）-$ 30运费
2. 下午（1pm-6pm）-$ 30运费
3. 晚上（6pm-10pm）-$ 50运费

我需要帮助来修改解决方案提出的代码，以自定义时隙下拉选项，并找出一种将其链接到运费的方法。