以下の画像のように日付と時刻のピッカーを作成するにはどうすればいいですか？

Question

以下のスクリーンショットに示すように、タイムスロットピッカーを開発する方法についていくつかの指導が必要です。

Screen shot

Answer 1

私は、あなたがあなたの時代から「ヒト化」の単語を取得するためmoment.jsのようないくつかのJSライブラリを使用することができ、いくつかのDBテーブル内の開口時間を保存するとAjax経由でそれらを取得したい（例。モーニング、午後、夕方など）。

それ以外は単純なスタイリングと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); 
     ..... 
     ..... 
    } 
    } 
}