включить выходные дни в подборщике даты

Question

Существует веб-страница, которая игнорирует выходные и не позволяет пользователю выбирать субботу или воскресенье. Я хотел включить это, и, выполняя поиск в Интернете, я нашел приведенный ниже фрагмент кода, который, как мне кажется, может вызвать THINK. Проблема в том, что я не знаю, какую строку комментировать или какие изменения я должен сделать, чтобы включить выходные. Пожалуйста, помогите

function datepick() 
{ 
    var weekend_strtday = <?php echo $this->weekendDatailsArr[0]['weekendstartday']; ?>; 
    var weekend_endday = <?php echo $this->weekendDatailsArr[0]['weekendday']; ?>; 
    $('#from_date').datepicker({ 
        beforeShowDay: function(date) { 
         var day1 = date.getDay(); 
         return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
        }, 
    $('#to_date').datepicker({ 
        beforeShowDay: function(date) { 
         var day2 = date.getDay(); 
         return [(day2 != weekend_strtday && day2 != weekend_endday)]; 
        }, 

Answer 1

Чтобы использовать этот метод, вам необходимо добавить JQuery UI, JQUery и JQUery base theme css.

Здесь представлена ​​измененная функция даты, которая будет делать это.

Внутри datepick() эти переменные хранятся в будние дни 0(sunday) - 6(sataurday) которые не могут быть выбраны используемым.

var weekend_strtday = 0; 
var weekend_endday = 6; 

Внутри функции beforeShowDay

Функция, которая принимает дату в качестве параметра и должен возвращать массив с:

[0]: истина/ложь, указывающий, является ли это дата может быть выбрана

[1]: имя класса CSS для добавления в ячейку даты или "" по умолчанию

[2]: опциональный всплывающее окно Описание этой даты

Функция называется на каждый день в DatePicker перед его отображается.

для получения дополнительной информации ознакомьтесь здесь

http://api.jqueryui.com/datepicker/#option-beforeShow

beforeShowDay: function(date) { 
    var day1 = date.getDay(); 
    return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
} 

мы проверяем текущий день, если он равен выходным и возвращает массив с первым индексом, как true/false, который указывает, если в этот день выбирается или нет.

function datepick() 
 
{ 
 
    var weekend_strtday = 0; 
 
    var weekend_endday = 6; 
 
    $('#from_date').datepicker({ 
 
     beforeShowDay: function(date) { 
 
     var day1 = date.getDay(); 
 
     return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
 
     } 
 
    }); 
 
    
 
    $('#to_date').datepicker({ 
 
     beforeShowDay: function(date) { 
 
     var day2 = date.getDay(); 
 
     return [(day2 != weekend_strtday && day2 != weekend_endday)] 
 
     } 
 
    }); 
 
    
 
} 
 
datepick();

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<form> 
 
    From_date: <input id="from_date" type="text"> 
 
    To _date: <input id="to_date" type="text"> 
 
</form>

UPDATE

Показать все дни вы просто должны удалить beforeShowDay из конфигурации.

просто выберите вход $('#from_date') и позвоните по телефону datepicker(); способ.

$('#from_date').datepicker(); 
$('#to_date').datepicker(); 

Проверьте ниже фрагмент кода,

$('#from_date').datepicker(); 
 
$('#to_date').datepicker(); 
 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<form> 
 
    From_date: <input id="from_date" type="text"> 
 
    To _date: <input id="to_date" type="text"> 
 
</form>