2017-02-15 20 views
1

Я использую followng скрипт:

<script> 
    $(function() { 
     $("#datepicker").datepicker({ 
      altField: "#alternate", 
      altFormat: "DD, d MM, yy" 
     }); 
    }); 

    $(function() { 
     $("#datepicker").datepicker({ 
      beforeShowDay: $.datepicker.noWeekends 
     }); 
    }); 
</script> 

Я использую следующий HTML:

<p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"></p> 

Проблема заключается в том, что все выходные до сих пор показывают. Любая помощь в том, что я должен делать, будет оценена по достоинству.

В случае необходимости это код -Головка:

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery UI Datepicker</title> 
    <link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css"> 
    <script src="jquery-1.12.4.js"></script> 
    <script src="jquery-ui-1.12.1/jquery-ui.js"></script> 

ответ

4

Вы объявляя два datepickers на одном элементе и второе переопределение первого. Объединить ваш код:

$(function() { 
    $("#datepicker").datepicker({ 
    altField: "#alternate", 
    altFormat: "DD, d MM, yy", 
    beforeShowDay: $.datepicker.noWeekends 
    }); 
}); 

jsFiddle example

+0

Спасибо за помощь. – user3511057

1

Вы утверждаете, что при использовании функции noWeekends полезности "Проблема заключается в том, что все выходные еще показать"

Per documentation for $.datepicker.noWeekends, эта функция полезности не контролирует, видны ли в календаре выходные дни. Скорее, он контролирует, будет ли дата выхода по выбору.

Как указано в another good answer, однако вам также необходимо комбинировать блоки кода.

+1

Спасибо за помощь. – user3511057