8 Stimmen

ASP.NET MVC - jquery datepicker

Ok, also ich bin neu in ASP.NET MVC und JQuery.

Ich habe das folgende Beispiel befolgt auf den Buchstaben und ich bin nicht in der Lage, den Datepicker zum Laufen zu bringen:

http://codesprouts.com/post/Creating-A-DatePicker-Extension-In-ASPNet-MVC.aspx

Kann mir jemand sagen, ob es dabei irgendwelche Tücken oder Probleme gibt?

Bernard.

11voto

David Punkte 14875

Verwenden Sie jquery, das von Google gehostet wird.

<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js">
</script>

Sie müssen auch einen Link zu Ihrem gewünschten Css erstellen.

$().ready(function()
{
    $('#from').datepicker({ dateFormat:'yy-mm-dd' });
});

<html>
...
<input id="from" class="date-field" name="from" type="text" >

1voto

Steve Willcock Punkte 24787

Ohne genauere Informationen ist es schwer zu sagen, was schief läuft.

Eine offensichtliche Sache für den Anfang: Stellen Sie sicher, dass die src-Tags für Ihre Skriptdateien korrekt sind. Der Dateiname der jquery-ui .js-Datei ändert sich, wenn Sie eine Standard- oder eine benutzerdefinierte Version herunterladen. Es lohnt sich also, zweimal zu überprüfen, ob die Skript-Tags in Ihrem Code mit den Namen der Dateien übereinstimmen. Die Registerkarte "Net" des Firebug-Addons für Firefox ist eine echte Hilfe, um Dateien, die Ihre Seite nicht finden kann, schnell zu erkennen - sie hebt alle nicht gefundenen Dateien rot hervor - was im Allgemeinen viel Zeit spart.

0voto

David Robbins Punkte 10000

Versuchen Sie, die Datumsauswahl zunächst nur in HTML zum Laufen zu bringen. Auf diese Weise können Sie Fehler vermeiden, die durch falsche Dateinamen in src-Tags usw. entstehen. Sobald das funktioniert, sollten Sie in der Lage sein, es zu der im Artikel beschriebenen MVC-Lösung hinzuzufügen.

0voto

Todd Brooks Punkte 1167

Ich habe Schwierigkeiten in der Vergangenheit mit dem jQuery datepicker hatte, wenn ich die gesamte jquery UI css in einer Datei verwendet wurde. was ich am Ende tun, und was schien für mich zu arbeiten, war die verschiedenen jQuery UI CSS-Dateien separat, wie benötigt, in meiner Seite oder Master-Seite enthalten. Wenn ich das Datumspicker in einer separaten CSS-Datei enthalten, es funktioniert.

YMMV

0voto

TwinForms Punkte 166

Eine Sache, die ich herausgefunden habe, ist, wenn Ihre ID eckige Klammern oder Punkte hat, dann funktioniert der Datepicker nicht. Versuchen Sie, sie mit unter Punktzahl oder etwas anderes zu ersetzen.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X