Wie erstellt man einen dynamischen Kalender in MVC 3?

Question

Ich bin eine MVC 3 Online-Anwendung von Tennisclubs Management ...

Ich mag einen dynamischen Kalender hinzufügen, um eine Reservierung als Kunde mehr „einfacher“ zu entwickeln ...

Hier ein machen example (auf Französisch)

So würde der Kalender einen Zeitplan haben (Änderung der Tennisclub des Benutzers folgen, der verbunden ist) und alle Tennisplätze ...

ich bin ein Anfänger in MVC 3, also meine Frage ist:

Wie erstellt man diesen Kalender? Welche Werkzeuge brauche ich? JQuery, WebGrid?

Natürlich bitte ich nicht, dass Sie meine Arbeit machen, sondern nur einige Ratschläge und Beispiele, wenn es möglich ist ... Vielen Dank im Voraus.

Answer 1

Sie können das jQuery UI-Datepicker-Steuerelement verwenden.

http://jqueryui.com/demos/datepicker/

Es ist ein onSelect Ereignis, wo Sie eine andere div zeigen können, wo Benutzer die Registrierungsdaten eingeben.

$('.selector').datepicker({ 
    onSelect: function(dateText, inst) { 
    //Show the div here 
    } 
}); 

Answer 2

Natürlich ist es möglich. Und ja, Sie würden jQuery mit jquery UI (die ein Datapicker-Widget enthält) und andere Plugins für die Client-Seite und asp.net mvc für den Server-Teil verwenden.

Allerdings empfehle ich dringend, ein wenig Zeit zu verbringen, um zu verstehen, was asp.net mvc ist, den Unterschied zwischen Client-Seite und Server-Seite und mit einfacheren Anwendungen zu üben.