2011-01-16 11 views
0

Im eine Kalender-Plugin für jQuery verwenden, im die ‚Auswahl mehrerer Tage,‘ Demo mit der hier http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerMultiple.htmljQuery - Kalender-Plugin, vorab ausgewählte Daten auf mehrer wählen

Im den Demo-Code für Starter verwendet, die wie folgt ist :

<script type="text/javascript" charset="utf-8"> 
$(function() 
{ 
    $('.date-pick') 
     .datePicker(
      { 
       createButton:false, 
       displayClose:true, 
       closeOnSelect:false, 
       selectMultiple:true 
      } 
     ) 
     .bind(
      'click', 
      function() 
      { 
       $(this).dpDisplay(); 
       this.blur(); 
       return false; 
      } 
     ) 
     .bind(
      'dateSelected', 
      function(e, selectedDate, $td, state) 
      { 
       console.log('You ' + (state ? '' : 'un') // wrap 
        + 'selected ' + selectedDate); 

      } 
     ) 
     .bind(
      'dpClosed', 
      function(e, selectedDates) 
      { 
       console.log('You closed the date picker and the ' // wrap 
        + 'currently selected dates are:'); 
       console.log(selectedDates); 
      } 
     ); 
}); 
</script> 

Dies funktioniert gut, ich will aus der Datenbank irgendwie, im immer Daten wählen sie die Daten vorab zu können, und ich möchte ihnen zeigen, wie geprüft werden kann, wenn ich auf den Link klicken um den Kalender zu öffnen .

Wenn jemand irgendeine Erfahrung mit diesem hat, würde ich etwas Hilfe lieben ... ich bin kein jQuery Nuss überhaupt, so ist es schwer, dies herauszufinden.

Cheers,

Antwort

1

Sie können die dpSetSelected Methode aufrufen, um die Daten setzen Sie benötigen, einer nach dem anderen

Was Code Sie die Liste der Daten aus der Datenbank zu erhalten verwenden, führen Sie eine Schleife über sie

var arrDates = ['01/01/2010', '01/05/2010', '01/10/2010']; 
var dp = $('.date-picker'); 
for(var i = 0; i < arrDates.length; i++){ 
    dp.dpSetSelected(arrDates[i]); 
} 
+0

ich habe versucht, dass eine, auf das die dpSetSelected Methode das Datum auswählt, sollte der Kalender beginnt, nicht die Termine vor – Cecil

+0

hervorgehoben sind @cecil Es funktioniert für mich ... Anmerkung 1) setSelected 'ein Datumsformat nehmen DD/MM/YYYY' und 2) das Datum mus t im Datumsbereich zulässig sein. –

+0

@cecil Sie können sehen, dass es hier funktioniert: http://jsfiddle.net/WjZgX/1/ –

Verwandte Themen