jQuery UI Datepicker gemacht werden, um Wochenenden und Feiertage zu deaktivieren?

Question

Ich habe eine genaue Frage beantwortet, aber das Problem ist, ich habe absolut keine Ahnung, wo die Codes shown here für meine Arbeit einfügen. Ich bin wirklich ein Anfänger, wenn es um das Programmieren geht.

Würde mich freuen, wenn jemand so freundlich wäre, mich aufzuklären, wie ich verzweifelt brauche, um meinen Kalender zum Laufen zu bringen. :(

Thank you so viel

Answer 1

Ich werde versuchen, Antwort auf:

Wie Sie starten finden - here

Sie müssen theese. (verknüpfen sie in oberen Rand der Seite)

1. jQuery Library:.. Datumsauswahl erfordert wie jQuery
2. JavaScript: ui.core.js und ui.datepicker.js
3. CSS Thema: Erstellen Sie Ihr Thema mit Themeroller

Sie große Demo über Basis finden können - here

<script> 
$(function() { 
    /*function that makes appear datepicker + you add option to disable Weekends*/ 
    $(".selector").datepicker({ beforeShowDay: $.datepicker.noWeekends }) 
}); 
</script> 

<div id="demo"> 
    <p>Date: <input class="selector" type="text"></p> //input field that calls the function 
</div> 

2 Dinge zu tun:

1. link jquery.js + ui.core .js und ui.datepicker.js + Ihr CSS-Thema zu Ihre Seite
2. fügen Sie diesen Code in Ihre Webpage ein.

kann ich Sie vorschlagen, wie ich zu tun hätte - läuft viele Tutorials warf, und am wichtigsten, was zu tun - Experiment!

Answer 2

var holidays= ["2014-7-30","2015-07-29","2013-03-16"] 

$('input').datepicker({ 
beforeShowDay: function(date){ 
    var string = jQuery.datepicker.formatDate('yy-mm-dd', date); 
    var noWeekend = $.datepicker.noWeekends(date); 
     if (noWeekend[0]) { 
     return [$.inArray(string, holidays) == -1]; 
     } 
     else 
     return noWeekend; 
    } 
});