2016-05-31 14 views
1

Ich versuche Bootstrap Date Picker für die Auswahl Datum in einem meiner Formulare zu verwenden, und ich bin in der Lage, die Datumsauswahl mit dem folgenden Code zu generieren. Jetzt habe ich eine Bedingung, dass nur Daten vom 1. bis zum 25. eines jeden Monats aktiviert werden sollten und die verbleibenden 5 oder 6 Daten im deaktivierten Modus sein sollten. Ich habe gelernt, wie man Wochentage und bestimmte Daten vom Google-Tag deaktiviert, aber nicht versteht, wie ein Datumsbereich für jeden Monat aktiviert wird.Wie bestimmte Tage in einem Monat in einem Datepicker deaktivieren?

Unten finden Sie den Code I

$('#slide_date').datepicker({ 
format: "dd/mm/yyyy", 
todayBtn: "linked", 
clearBtn: true, 
autoclose: true, 
todayHighlight: true 
}); 
+0

einen Blick auf 'setStartDate' und' setEndDate' –

Antwort

0

Nicht sicher bin versucht, wenn Sie, dass in Bootstrap Datumsauswahl tun. Aber Sie können dies in Jquery UI Datepicker tun. Probieren Sie den folgenden getesteten Code aus.

Bitte stellen Sie sicher, dass Sie Verweis müssen JqueryUI.js und JqueryUI.css

HTML

<input type="text" name="slide_date" /> 

SCRIPT:

$(function(){ 
    $("#slide_date").datepicker(
     { 
     beforeShowDay: function (date) { 
     //getDate() returns the day (0-31) 
     if (date.getDate() == 25 || date.getDate() == 26 || date.getDate() == 27 || date.getDate() == 28 || date.getDate() == 29 ||date.getDate() == 30 ||date.getDate() == 31) { 
      return [false, '']; 
     } 
     return [true, '']; 
     } 
     } 

    ); 
}); 
Verwandte Themen