Ereigniskalender mit anklickbaren Tagen mit jQuery in ASP.NET MVC3

8

Ich möchte eine Lösung erstellen, die Ereignisse auflistet, die an bestimmten Tagen auftreten, und nach einem Kalender-Steuerelement gesucht habe, mit dem ich nur die Tage mit Ereignissen klickbar machen kann, und natürlich dieses Klick-Ereignis und erledige den Rest selbst in meinem Controller. (etwas wie das alte asp: Kalender serverseitige Kontrolle in Webforms).

Gibt es welche, die diesem Szenario entsprechen?

Update: Was ich genau suche, ist ein Minikalender, kein vollständiger Kalender wie der in Outlook.

genau das suche ich genau:

    
Mohammed ElSayed 09.04.2011, 20:57
quelle

9 Antworten

9

jQuery UI kann genau das gewünschte Aussehen haben. ( und Funktionalität )

Sie müssen das jQuery UI -Skript und das Glätte -Thema () herunterladen > besuchen Sie Ссылка und wählen Sie Kern und Datumsauswahl aus den Optionsfeldern und Glätte aus dem Drop-down-Menü nach rechts )

html

%Vor%

JavaScript

%Vor%

Die Variable activeDays könnte Datumsangaben direkt enthalten ( anstatt nur der Tagesnummer ) und Sie müssten die Bedingung in der Funktion ändern, um nach einer Übereinstimmung zu suchen.

Die isActive ist eine Klasse, die das Styling der aktiven Daten steuert.

%Vor%

Live-Beispiel in Ссылка

Der obige Code und das Beispiel werden als

gerendert

    
Gaby aka G. Petrioli 18.04.2011, 23:32
quelle
4

Ich habe vor ein paar Jahren so etwas gemacht, indem ich einen JavaScript-Kalender mit dem Namen MooTools Event stark modifiziert habe Kalender

Es gibt einige andere Javascript-Kalender, die auch ziemlich gut aussehen. Diese 2 verwenden JQuery:

Deke 09.04.2011 21:19
quelle
4

Sie können jquery UI datepicker zusammen mit dem beforeShowDay -Ereignis verwenden, um festzulegen, welche Tage auswählbar sind und welche nicht. Hier ist der minimale Code, der die Auswahl des Datums 5 deaktiviert und Sie können die Logik erweitern.

%Vor%

Hier ist eine kurze Demo

    
suhair 14.04.2011 07:25
quelle
2

Viele Leute verwenden den jQuery UI-Datepicker . Ich bin nicht sicher von einem eingebauten asp.net mvc-Steuerelement für den Kalender.

    
Shawn Mclean 09.04.2011 21:01
quelle
2

Wenn Sie immer noch Javascript in Ihrem Code verwenden können, nehmen Sie dieses Steuerelement und passen Sie seine Benutzeroberfläche an. Es verfügt über Quellcode für Ihre eigenen Anpassungsanforderungen.

Ссылка

    
Priyank 19.04.2011 14:35
quelle
1

Ich bin mir klar, dass dies als Antwort zu spät kommt, aber Ihre Frage ist ziemlich hoch in den Google-Ergebnissen, also hoffentlich wird es anderen Menschen helfen. Ich habe hier einen Artikel zu diesem Thema geschrieben: auf Datepicker basierender MVC3-Veranstaltungskalender

    
Keith Paul Barrow 27.03.2012 08:26
quelle
0

Sie können MVC mit silverlight integrieren und Silverlight-Kalender verwenden Ссылка

    
Bhavin 16.11.2011 01:35
quelle
0

Um die Antwort von @ gaby-aka-g-petioli zu ergänzen, habe ich die Methoden onChangeMonthYear und onSelect hinzugefügt, die Click-Aktionen ermöglichen.

%Vor%     
Igor Parra 15.12.2012 13:20
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie wird eine Server-Server-Dateiübertragung ohne Benutzerinteraktion durchgeführt?