Sélecteur de Date dans mvc3 avec le moteur de vue razor

Je suis à l'aide de mvc3 et rasoir est mon point de vue moteur, comment j'arrive sélecteur de date avec l'aide de scripts dans mon

vue.

InformationsquelleAutor Sreedhar goud | 2012-04-03
  1. 4

    Je pense que vous allez avoir à utiliser un script, découvrez jqueryui datepicker. Son une belle facile à utiliser la bibliothèque et prend en charge la thématisation

    InformationsquelleAutor Joey Ciechanowicz
  2. 7

    Vous pouvez créer un script dans le répertoire scripts de votre projet.

    Exemple de base:

    $(document).ready(function () { $("#datepicker").datepicker({ });});

    de votre point de vue:

    @model YourProjectName.Models.User

    ....

    <div class="editor-field">
  @Html.TextBoxFor(model => model.Dateadd, new { @Value = DateTime.Now, id = "datepicker" })
  @Html.ValidationMessageFor(model => model.Dateadd)
</div>
    • J'ai eu plusieurs dates dans mon formulaire ainsi, au lieu de "#datepicker" j'ai utilisé ".datepicker". Puis dans le code HTML changé " id = "datepicker"' à '@class = "datepicker"'.
    InformationsquelleAutor yusef
  3. 3

    J'ai répondu ici, check it out: http://forums.asp.net/post/4647234.aspx

    Fondamentalement, vous utilisez un modèle avec un script dans un endroit et à l'appeler avec EditorFor.

    • Grâce plurby, fonctionne parfaitement, j'ai juste eu à mettre à jour le css et jQuery liens vers les versions les plus récentes, peut-être un MVC4 chose???
    InformationsquelleAutor Matija Grcic
  4. 1

    Les conseillers ici: c'est une mauvaise pratique d'utiliser des scripts à l'intérieur des vues partielles (des modèles).

    Dans mon cas ça ne fonctionne pas du tout. Étant donné que l'accès jquery qui se passe avant de l'inclure en tant que fichier js.
    De Plus, vous ne peut pas prédire exactement où vous pouvez mettre ce contrôle datepicker.
    En outre, vous aurez ce "prêt" à bloc pour chaque éditeur sur la page.

    RenderSection serait apporter de l'ordre à tout cela, mais il ne fonctionne pas pour partialviews et modèles.

    Donc il suffit de déplacer le code javascript à partir d'un modèle (partialview) à une vue.

    InformationsquelleAutor Alexander
  5. 0
    @model Nullable<System.DateTime>
@if ( Model.HasValue ) {
@Html.TextBox( "" , String.Format( "{0:yyyy-MM-dd HH:mm}" , Model.Value ) , new  { 
@class = "textbox" , @style = "width:400px;" } )
}
else {
@Html.TextBox( "" , String.Format( "{0:yyyy-MM-dd HH:mm}" , DateTime.Now ) , new {   
@class = "textbox" , @style = "width:400px;" } )
}

@{
string name = ViewData.TemplateInfo.HtmlFieldPrefix;
string id = name.Replace( ".", "_" );
}
<script type="text/javascript">
$(document).ready(function () {
$("#@id").datepicker
({
dateFormat: 'dd/mm/yy',
showStatus: true,
showWeeks: true,
highlightWeek: true,
numberOfMonths: 1,
showAnim: "scale",
showOptions: {
origin: ["top", "left"]
}
});
});
</script>
    InformationsquelleAutor Shahnawaz
  6. 0

    Si vous utilisez un Éditeur de Modèle pour le type DateTime, vous pouvez utiliser un HTML5 sélecteur de date (c'est à dire <input type="date" />). Essentiellement, vous mettez une vue appelée DateTime.cshtml dans un dossier " Views/Shared/EditorTemplates, alors vous pouvez le style de l'éditeur toutefois vous le souhaitez. Un exemple est une réponse ici.

    InformationsquelleAutor Prof Von Lemongargle