В этом уроке мы увидим, как отключить даты через неделю в jquery datepicker. В средстве выбора даты мы можем отключить даты через неделю или месяц, используя средство выбора даты пользовательского интерфейса jquery. Максимальная выбираемая дата. Если установлено значение null, максимума нет. Если вы можете установить относительные даты, они должны содержать пары значений и периодов; действительные периоды: "y" для лет, "m" для месяцев, "w" для недель и "d" для дней. Например, "+1m +7d" представляет один месяц и семь дней с сегодняшнего дня.

Итак, давайте посмотрим, как отключить даты через неделю в jquery datepicker, jQuery datepicker отключить даты через неделю, после недели отключить дату в datepicker, отключить даты в jquery UI datepicker, как отключить дату через неделю или месяц в календаре с помощью javascript, bootstrap datepicker отключает даты после определенных дней, datepicker отключает будущие даты в javascript.

Пример:

<!DOCTYPE html>
<html>
<head>
    <title>How To Disable Dates After Week In jQuery Datepicker - Websolutionstuff</title>
    <link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <style type="text/css">
        .container{
            border-radius: 5px;
            padding:50px 20px;
            margin:30px auto;
            width:40%;
            border:2px solid #bbb;
            text-align: center;
        }
        input{
            padding:5px;
            background-color:#eeeeee;
        }
        h2{
            text-align: center;
            margin-top: 100px;
            font-weight: 600;
        }        
    </style>
</head>
<body>
    <h2>How To Disable Dates After Week In jQuery Datepicker - Websolutionstuff</h2>
    <div class="container">
        <label>Select Date :</label>
        <input type="text" id="datepicker">
    </div>
</body>
<script type="text/javascript">
    $(function() {
        $("#datepicker").datepicker({  maxDate: "+1w" });
    });
</script>
</html>

Читайте также: Как отключить выходные в jQuery Datepicker

Вывод:

Вам также может понравиться: