2017-11-25 141 views
-3

如何驗證我的HTML日期輸入,以便僅選擇某周的特定日期?我以前在一些預訂網站上看到過這個。出現日期選擇器日曆,並且該事件不可用的日期灰色並且無法選擇。日期選取器輸入

我不確定從哪裏開始,我想這樣做,因爲我目前的項目需要日期輸入驗證。該活動每週僅提供3天,因此客戶無法選擇沒有活動的日期是沒有意義的。

例如,日期是星期一,星期三和星期五,因此選擇11月30日星期四不應該是一種選擇。

考慮到第一個問題,最簡單的編程語言是什麼才能創建一個數據驅動網站的日期選擇器?

+0

你會想用JavaScript來此,因爲它是客戶端,看看到Date對象,它擁有您所需要的一切有用的方法需要驗證像星期幾這樣的事情。祝你好運。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date –

回答

0

如果您正在使用jQuery日期選擇器:

<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> 
相關問題