Question

我需要一些关于如何开发时隙选择器的方法，如下面的屏幕截图所示。

Answer 1

我将开放时间存储在某个DB表中并通过ajax获取它们，然后您可以使用一些js库（如moment.js）来获取您时代的“人性化”单词（例如，上午，下午，晚上等）。）。

除此之外，它只是简单的样式和ajax请求。

<强>示例：

var openingHours = getOpeningHoursFromDB();
var dayTime = "morning";    

function getGreetingTime (m) {
        var g = null; //return g

        if(!m || !m.isValid()) { return; } //if we can't find a valid or filled moment, we return.

        var split_afternoon = 12 //24hr time to split the afternoon
        var split_evening = 17 //24hr time to split the evening
        var currentHour = parseFloat(m);

        if(currentHour >= split_afternoon && currentHour <= split_evening) {
            g = "afternoon";
        } else if(currentHour >= split_evening) {
            g = "evening";
        } else {
            g = "morning";
        }

        return g;
    }

function buildTimepicker() {
   for(var openingHour in openingHours) {
     if(getGreetingTime(openingHour) != dayTime) {
       dayTime == getGreetingTime(openingHour);
       .....
       .....
     }
   }
}

如何创建日期和时间选择器，如下图所示

1 个答案: