日期选择器输入

Question

如何验证我的 HTML 日期输入，以便只能选择一周中的某些日期？我以前在一些预订网站上看到过这种情况。出现日期选择器日历，活动不可用的日期显示为灰色且无法选择。

我不确定从哪里开始，我想这样做，因为我当前的项目需要日期输入验证。该活动每周只有 3 天可用，因此客户选择没有活动的日期是没有意义的。

例如，日期是星期一、星期三和星期五，因此不应选择 11 月 30 日星期四。

考虑到第一个问题，创建日期选择器以配合数据驱动的网站使用的最简单的编程语言是什么？

Answer 1

如果您使用的是 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>