2017-11-25 17 views
-3

HTMLの日付入力を検証して、特定の曜日のみを選択するにはどうすればよいですか?私はいくつかの予約ウェブサイトでこれを見ました。日付ピッカーのカレンダーが表示され、イベントが利用できない日はグレー表示され、選択できません。日付ピッカー入力

私は現在のプロジェクトが日付入力の検証を必要とするため、どこから始めたらいいのか分かりません。このイベントは週3日しか利用できないので、イベントがないときにクライアントが日付を選択することは意味がありません。

例は月曜日、水曜日、金曜日ですので、11月30日木曜日を選ぶことはオプションではありません。

最初の質問を念頭に置いて、データ駆動型のウェブサイトに行くための日付選択ツールを作成する最も簡単なプログラミング言語は何ですか?

+0

、それはあなたがしたいすべての便利なメソッドを持っています曜日のようなものを検証する必要があります。がんばろう。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date –

答えて

0

あなたはjqueryの日付ピッカーを使用している場合:あなたはDateオブジェクトに見て、それのクライアント側は、このためにJavascriptを使用したいとしている

<script> 
     var disableDates = ["22-11-2017", "23-11-2017"]; 

     function disable(date) { 
      // convert it to my formate 
      dateToCheck = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); 
      if ($.inArray(dateToCheck , disableDates) == -1) { 
       return [true, ""]; 
      } else { 
       return [false, "", "disabled"]; 
      } 
     } 

     $(function() { 
      $("#eventDate").datepicker({ 
       dateFormat: 'dd-MM-yy', 
       beforeShowDay: disable 
      }); 

     }); 
    </script> 
関連する問題