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>

日期选择器输入

1 个答案: