ASP.NET MVC - jquery datepicker

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

Ich habe das folgende Beispiel der Brief, und ich bin nicht in der Lage, den datepicker zu arbeiten:

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

Kann mir jemand sagen, ob es irgendwelche ticks oder Probleme mit diesem?

Bernard.

InformationsquelleAutor Bernard | 2009-05-23

11

Jquery von google gehostet werden.
```
<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> 
```
Werden Sie auch brauchen, um eine Verbindung zu Ihrem gewünschten css.
```
$().bereit(Funktion() 
{ 
$('#aus').datepicker({ dateFormat:'yy-mm-dd' }); 
}); 

<html> 
... 
<input id="aus" class="date-field" name="von" type="text" > 
```
- Ausprobiert, funktioniert gut, aber ich bin nicht ganz bequem mit den Daten picke gehostet bei Google. Irrationale Furcht wirklich, wie ich denke, wenn Google sind wir offline gehen jederzeit bald fällig wäre, so dass ein Zusammenhang mit einem ernsten Thema wie die Asteroiden stike oder so etwas. Trotzdem, es frustriert mich, dass ich nicht in der Lage, um die Sache vor Ort und ich wollte nicht zu uns, so dass nur ich wusste nicht, verwenden Sie diese Lösung, obwohl es funktionierte.
- Ich gebe Ihnen die ticken, wie Ihre Lösung gearbeitet, obwohl - schade, mein Tippen ist so lahm heute...
- Ich habe versucht, einschließlich dieser jQuery-Skripte auf meiner Website.master, aber jetzt bekomme ich einen blauen Bildschirm. Der html-Code wird es wenn ich den Quelltext anzeigen, aber dies geschieht, ohne tatsächlich den Aufruf der javascript.Nehmen Sie den Verweis auf jquery-1.3.2.min.js bekommt den Inhalt der Seite erneut angezeigt.
InformationsquelleAutor David
3

Diese blog-post bietet einen hervorragenden überblick über die Einbindung der jQuery datepicker in einem MVC 3 Website.

Einige andere Beispiele, die ich finden konnte waren auf die MVC1 und 2.

InformationsquelleAutor John M
1

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

Eine offensichtliche Sache, um Ihnen den Einstieg, stellen Sie sicher, dass die src-tags für Ihre Skript-Dateien korrekt sind. Der Dateiname name der jquery-ui .js-Datei ändert sich, wenn Sie zum download ein standard-oder kundenspezifische version, so lohnt es sich doppelt überprüfen, dass die script-tags im code mit den Namen der Dateien. Die " Net " - tab von firebug addon für Firefox ist eine echte Hilfe für schnell-entdecken-Dateien Ihrer Seite nicht finden können - es hebt alle unfound-Dateien in red - in der Regel spart eine Menge Zeit.
- Gute Beratung. Wenn Sie IE verwenden, Microsoft Fiddler-fiddler2.com/fiddler2 ist auch nützlich, um anzuzeigen, dass die Skript-Dateien sind 404 ' Ing.
InformationsquelleAutor Steve Willcock
0

Sehen, wenn Sie das datepicker-zunächst im HTML nur. Auf diese Weise können Sie beseitigen Fehlern durch falsche Datei name im Verzeichnis src-tags, etc. Sobald Sie haben, dass die Arbeit, die Sie sollten in der Lage sein, um es der MVC-Lösung, die der Artikel beschreibt.

InformationsquelleAutor David Robbins
0

Hab ich Schwierigkeiten hatte in der Vergangenheit mit dem jQuery datepicker, wenn ich die komplette jquery-UI css in einer Datei. was ich am Ende Tat, und dem, was schien für mich arbeiten, waren die verschiedenen jQuery-UI-CSS-Dateien separat, je nach Bedarf, in meine Seite oder master-Seite. Wenn ich den datepicker in einer separaten CSS-Datei, es funktionierte.

YMMV

InformationsquelleAutor Todd Brooks
0

Eine Sache, die ich fand ist, wenn Sie Ihre id mit eckigen Klammern oder Punkte, dann datepicker wird nicht funktionieren. Versuchen, Sie zu ersetzen mit dem unter score oder etwas anderes.

InformationsquelleAutor TwinForms

Tabs

            UL.tabNavigation {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            UL.tabNavigation LI {
                display: inline;
            }

            UL.tabNavigation LI A {
                padding: 3px 5px;
                background-color: #ccc;
                color: #000;
                text-decoration: none;
            }

            UL.tabNavigation LI A.selected,
            UL.tabNavigation LI A:hover {
                background-color: #333;
                color: #fff;
                padding-top: 7px;
            }

            UL.tabNavigation LI A:focus {
                    outline: 0;
            }

            div.tabs > div {
                    padding: 5px;
                    margin-top: 3px;
                    border: 5px solid #333;
            }

            div.tabs > div h2 {
                    margin-top: 0;
            }

            #first {
                background-color: #f00;
            }

            #second {
                background-color: #0f0;
            }

            #third {
                background-color: #00f;
            }

            .waste {
                    min-height: 1000px;
            }
-->
</style>

<script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<link href="CSS/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

   <script  type="text/javascript">
       $(function() {
           $("#datepicker").datepicker();
       });

Datum:

Laden Sie die js-Dateien von JQUERY und legen Sie Sie in einen lokalen Ordner auf Ihrem Computer, wenn Sie mithilfe von Visual Studio ziehen Sie einfach die Datei auf Ihren designer-Oberfläche. Vergessen Sie nicht, link die CSS-Datei als auch. Was mache ich für jedes Projekt ist von meinem download-Verzeichnis füge ich die js-Dateien in einen Ordner namens Scripts in meinem Projekt und css-Dateien in einen Ordner namens CSS.

InformationsquelleAutor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.