2017-11-25 102 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> 
相关问题