ASP.NET MVC - datepicker de jquery

Ok, donc je suis de nouveau à ASP.NET MVC et JQuery.

J'ai suivi l'exemple suivant à la lettre, et je ne suis pas en mesure d'obtenir le datepicker de travail:

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

Quelqu'un peut me dire si il y a des tiques ou des problèmes avec ça?

Bernard.

OriginalL'auteur Bernard | 2009-05-23

11

Utiliser jquery hébergé par google.
```
<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> 
```
Vous aurez également besoin d'un lien vers votre css voulu.
```
$().ready(function() 
{ 
$('#à partir de").datepicker({ dateFormat:'yy-mm-dd' }); 
}); 

<html> 
... 
<input id="" class="date-champ" name="" type="text" > 
```
Essayé ce, fonctionne bien, mais je n'en suis pas complètement à l'aise avec le fait d'avoir les données picke hébergé chez Google. Peur irrationnelle vraiment, comme je suppose que si Google nous sommes hors ligne n'importe quand bientôt en raison de sorte qu'un associé à un problème plus grave comme astéroïde stike ou quelque chose. De toute façon, il frustré de moi que je n'étais pas en mesure d'obtenir la chose se passe localement et je ne voulais pas lui donner de nous, alors seulement je n'ai pas utilisé cette solution, même si elle a fonctionné.
Je vous donne la tique, car votre solution fonctionné bien - pitié mon tapant est tellement boiteux aujourd'hui...
J'ai essayé d'inclure ces scripts jQuery sur mon site.maître, mais maintenant j'ai un écran bleu. Le html est là, si je l'affichage de la source, mais cela se produit sans appel javascript.La prise de la référence au jquery-1.3.2.min.js obtient le contenu de la page montrant de nouveau.

OriginalL'auteur David
3

Ce post de blog donne un excellent aperçu de l'intégration de l'datepicker de jQuery dans un MVC 3 site.

Certains des autres échantillons que j'ai pu trouver étaient concentrés sur MVC1 et 2.

OriginalL'auteur John M
1

Sans informations plus spécifiques, il est difficile de dire ce qui ne va pas.

Une chose évidente pour vous aider à démarrer, assurez-vous que la src tags de vos fichiers de script sont corrects. Le nom de fichier nom de l'jquery-ui .fichier js changements si vous téléchargez une norme ou une version personnalisée, il est donc utile de vérifier que les balises de script dans votre code correspondent aux noms des fichiers. Le " Net " de l'onglet firebug addon pour Firefox est une véritable aide pour rapidement repérage des fichiers de votre page ne peut pas trouver - il met en évidence des fichiers introuvables en rouge - en général, permet d'économiser beaucoup de temps.

De bons conseils. Si vous utilisez internet explorer, Microsoft Fiddler-fiddler2.com/fiddler2 est également utile pour l'affichage des fichiers de script et de 404 pratiquent.

OriginalL'auteur Steve Willcock
0

Voir si vous pouvez obtenir le datepicker de travail d'abord en HTML uniquement. De cette façon, vous pouvez éliminer les erreurs introduites par le mauvais nom de fichier dans src tags, etc. Une fois que vous avez que de travail, vous devriez être en mesure de l'ajouter à la MVC solution de l'article décrit.

OriginalL'auteur David Robbins
0

J'ai eu du mal dans le passé en utilisant le datepicker de jQuery quand j'étais en utilisant l'intégralité de l'INTERFACE utilisateur de jquery css dans un seul fichier. ce que j'ai fait, et ce qui semblait fonctionner pour moi, a été d'inclure les différents jQuery UI CSS fichiers séparément, en tant que de besoin, dans ma page ou une page maître. Quand j'ai compris le datepicker dans un autre fichier CSS, cela a fonctionné.

YMMV

OriginalL'auteur Todd Brooks
0

Un truc que j'ai trouvé est que si votre id a des crochets ou des points, puis datepicker l'habitude de travailler. Essayez de les remplacer par des sous score ou quelque chose d'autre.

OriginalL'auteur TwinForms

Onglets

            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();
       });

Date:

Télécharger les fichiers js de JQUERY et de les placer dans un dossier local sur votre machine, si vous utilisez Visual Studio faites simplement glisser le fichier sur votre surface de concepteur. N'oubliez pas de lier le fichier CSS. Ce que je fais pour chaque projet est de mon emplacement de téléchargement-je ajouter de la js fichiers dans un dossier Scripts dans mon projet, et les fichiers css dans un dossier appelé CSS.

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.