Как отключить текущую неделю в jquery datepicker?

javascript jquery datepicker jquery-ui-datepicker

906 просмотра

3 ответа

338 Репутация автора

Я пытаюсь решить эту проблему. Тем не менее я сделал это,

$(function() {
    $( "#datepicker" ).datepicker({ 
        dateFormat: 'yy-mm-dd', 
        firstDay: 1,
        minDate:1 
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input type="text" id="datepicker">

Если вы запустите этот код, вы можете увидеть календарь.

Я хочу отключить полную текущую неделю. Доступные даты начнутся со следующей недели. Как пример, сегодня есть 18.07.2016. Таким образом, если кто-то захочет использовать этот календарь, эта полная неделя станет неактивной. Следующая доступная дата начнется с 24.07.2016.

Заранее спасибо за помощь.

Автор: Avishake Источник Размещён: 18.07.2016 09:28

Ответы (3)


2 плюса

4910 Репутация автора

Сначала найдите номер дня недели. И разум будет учитываться соответственно, и все даты текущей недели будут отключены. Пожалуйста, обратитесь ниже код.

$(function() {
    var date = new Date();
    var dayNo = date.getDay();
    var mindate = (7-dayNo);

    $( "#datepicker" ).datepicker({
         dateFormat: 'yy-mm-dd', firstDay: 1,minDate: mindate
    });
});
Автор: Rahul Patel Размещён: 18.07.2016 09:56

0 плюса

2340 Репутация автора

Чтобы отключить текущую неделю с воскресенья на субботу, вам просто нужно установить значение firstDay0 (для воскресенья) и использовать beforeShowDayего, чтобы использовать дату в качестве параметра и вернуть массив. Для справки прочитайте Datepicker Option - beforeShowDay

Пожалуйста, проверьте фрагмент, чтобы включить все другие даты в прошлом и будущем, за исключением отключения дат текущей недели.

Отключить с воскресенья по субботу , используйте приведенный ниже фрагмент

$(function() {
    $("#datepicker").datepicker({
        firstDay: 0,
        beforeShowDay: function (date) {
            var sunday = new Date();
            sunday.setHours(0,0,0,0);
            
            sunday.setDate(sunday.getDate() - (sunday.getDay() || 0));
            var saturday = new Date(sunday.getTime());
            
            saturday.setDate(sunday.getDate() + 6);
            
            if (date >= sunday && date <= saturday) {
              return [false, ''];
            }
            else {
              return [true, ''];
            }
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<input type="text" id="datepicker">

А также возможность отключить целую неделю с понедельника по воскресенье

$(function() {
    $('#datepicker').datepicker({
        firstDay: 1,
        beforeShowDay: function (date) {
           var monday = new Date();
           monday.setHours(0,0,0,0);

           monday.setDate(monday.getDate() + 1 - (monday.getDay() || 7));
           var sunday = new Date(monday);
           sunday.setDate(monday.getDate() + 6);

           if (date >= monday && date <= sunday) {
              return [false, ''];
           } else {
               return [true, ''];
          }
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<input type="text" id="datepicker">

Автор: Adeel Размещён: 17.01.2018 12:24

0 плюса

1 Репутация автора

Это простой способ отключить периодическую неделю

<script>
 $(function(){
$('.bet_end').datepicker({              //ere .bet_end Is A Datepicker Class Name
    daysOfWeekDisabled: [0,6]   //Here Type Only Column Number To Disable Week 
     });
}); 
</script>

Нажмите здесь, чтобы увидеть изображение (воскресенье и суббота все недели отключены)

Автор: Paresh Shiyal Размещён: 20.09.2019 09:30
Вопросы из категории :
32x32