Comment créer un calendrier dynamique dans MVC 3?

Question

Je développe une application en ligne MVC 3 de la gestion des clubs de tennis ...

Je voudrais ajouter un calendrier dynamique pour faire une réservation en tant que client plus « facile » ...

Voici un example (en français)

Ainsi, le calendrier aurait un calendrier (changement suivre le club de tennis de l'utilisateur qui est connecté) et tous les courts de tennis ...

Je suis un débutant dans MVC 3, donc ma question est:

Comment construire ce calendrier? Quels outils dois-je utiliser? JQuery, WebGrid?

Bien sûr, je ne vous demande pas de faire mon travail mais seulement quelques conseils et exemples si c'est possible ... Merci d'avance.

Answer 1

Vous pouvez utiliser le contrôle jQuery UI datepicker.

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

Il y a un événement onSelect, où vous pouvez afficher une autre div où l'utilisateur peut entrer les informations d'enregistrement.

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

Answer 2

Bien sûr, c'est possible. Et oui, vous utiliseriez jquery avec jquery UI (qui contient un widget datapicker) et d'autres plugins pour le côté client et asp.net mvc pour la partie serveur.

Cependant, je recommande fortement de passer un peu de temps à comprendre ce qui est asp.net mvc, la différence entre le côté client et côté serveur et de pratiquer avec des applications plus simples.