afficher uniquement la date de @Html.EditorFor helper

Je suis en train de remplir @Html.EditorFor helper. J'ai créé un modèle de vue avec le dessous de la propriété

[DataType(DataType.Date, ErrorMessage="Date only")]
[DisplayFormat(DataFormatString = "{0:dd/MM/yy}", ApplyFormatInEditMode = true)]
public DateTime? YearBought { get; set; }

et mon aide est configuré comme ci-dessous (a)

@Html.ValidationMessageFor(m => m.YearBought)
@Html.EditorFor(model => model.YearBought, new { @type = "date" })

J'ai aussi essayé (b)

@Html.ValidationMessageFor(m => m.YearBought)
@Html.EditorFor(model => model.YearBought.Value.Date)

En utilisant le format ci-dessus (a) rien ne s'affiche. En utilisant le format ci-dessus (b) 12/05/2014 00:00:00 est affiché dans la zone de texte format.

Je suis en train de réaliser un datepicker format sans un temps affiché

J'ai passé en revue plusieurs autres questions, mais ne peux pas voir ce que j'ai fait différents.

Quand je regarde dans ma base de données, la valeur est enregistrer en tant que 2014-05-12 et quand je suis en économie de la valeur de la EditorFor helper génère de la puissance requise des installations

questions examinées

première deuxième troisième....la liste est longue

MODIFIER
vient d'ouvrir la console de chrome dev tools et donc ce message

La valeur spécifiée "12/05/14" n'est pas conforme à la forme "aaaa-MM-jj"

J'ai pensé DisplayFormat(DataFormatString = "{0:dd/MM/yy}" était de définir comment afficher ma date?

  • qu'est-ce que le supplément de @type pour? dans @Html.EditorFor(model => model.YearBought, new { @type = "date" }) vous ne pouvez pas spécifier htmlattributes si vous utilisez EditorFor donc, juste curieux
  • la date a été une dernière tentative pour le faire fonctionner, pas d'autre logique que celle im peur 🙁
  • Connexes: stackoverflow.com/questions/15943797/...
InformationsquelleAutor tony09uk | 2015-10-20
  1. 6

    Vous devez utiliser le format ISO lors de l'utilisation de type="date"

    [DataType(DataType.Date, ErrorMessage="Date only")]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? YearBought { get; set; }

    Cela permet d'afficher la date dans les navigateurs de la culture.

    Remarque il n'est pas nécessaire d'ajouter @type = "date". Le EditorFor() méthode ajouter qu'en raison de la DataType attribut. Notez également que type="date" est uniquement pris en charge en Chrome (FireFox et IE sera tout simplement de générer une zone de texte normale)

    Si vous ne souhaitez afficher le format dd/MM/yyyy dans une zone de texte standard, alors vous pouvez utiliser

    @Html.TextBoxFor(m => m.YearBought, "{0:dd/MM/yyyy}")
    • Lorsque j'utilise la même syntaxe dans l'Éditeur pour ensuite, il ne fonctionne pas @Html.EditorFor(m => m.YearBought, "{0:jj/MM/aaaa}")
    • Parce que EditorFor() ne prend pas en charge que de la syntaxe. Tous vous avez besoin est @Html.TextBoxFor(m => m.YearBought) - le EditorFor() method respects values in the Type de données " et DisplayFormat attributs
    • Pour utiliser @Html.EditorFor() vous devez spécifier le format que yyyy-MM-dd, pas comme la façon dont il est présenté dans la que TextBoxFor, ci-dessus. Comme il l'a fait Ashish, il pourrait confondre certains les gens en pensant que vous pouvez utiliser ce format pour EditorFor - vous avez raison, vous ne pouvez pas. Mais juste faire @Html.EditorFor(m => m.YearBought) est certainement pas assez, même avec les attributs de modèle. Voir ma réponse: stackoverflow.com/questions/33247295/...
    InformationsquelleAutor
  2. 0

    Je voudrais rendre votre modèle de vue du YearBought propriété d'un String pour la simple manipulation. Le serveur peut format de la date, il peut faire l'analyse sur la publication, et vous pouvez toujours utiliser le DataType.Date annotation de données pour jQuery de validation. Cela garantit également que la valeur d'affichage sera exactement ce que vous voulez avant d'être soumis à la vue.

    InformationsquelleAutor ps2goat
  3. 0

    Alternative à l'HTML, l'attribut type, vous pouvez utiliser un EditorTemplate MVC pour mettre le balisage, CSS et JS requis pour rendre un éditeur personnalisé pour un C# de type de données comme DateTime.

    Ici est une procédure pas à pas pour créer une "EditorTemplate' en MVC (mais pas pour un type de données de Date, mais le concept est le même)

    InformationsquelleAutor Bishoy
  4. 0

    Comme il est dit dans la réponse de Stephen, vous devez faire vos formats match entre les balises dans votre modèle de ce qui est montré dans la Vue, et il devrait être de la yyyy-MM-dd (ISO) format, indépendamment de la façon dont vous voulez afficher la date:

    using System;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;

//.... your namespace .... your class....

[DisplayName("Year Bought")]
[DataType(DataType.Date, ErrorMessage="Date only")]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? YearBought { get; set; }

    Et il a bien raison, parce que nous avons [DataType(DataType.Date)], nous n'avons pas besoin @type = date dans notre HtmlAttributes sur la Vue.

    Où ma réponse diffère de son est de savoir comment appliquer effectivement la valeur de Modèle pour le contrôle de la Vue. Depuis YearBought est un Nullable<DateTime>, nous avons à définir à sa valeur d'une certaine manière, à l'aide de .Value:

    @Html.EditorFor(model => model.YearBought, 
    new { htmlAttributes = new { @class = "form-control datepicker", 
    @Value = Model.YearBought.Value.Date.ToString("yyyy-MM-dd") } })

    En accordant une attention pour les .ToString("yyyy-MM-dd"). Il ne va pas afficher dans la boîte comme ça, bien que - au moins pour moi - sans doute parce que mon états-UNIS paramètres Régionaux sur mon ordinateur les reprendre et de les afficher sur MM/dd/yyyy indépendamment. Cela peut confondre certains, mais il est préférable de simplement "faire" et ne pas s'en soucier.

    Si YearBought était juste un droit DateTime au lieu d'un DateTime?, il serait sans .Value:

    @Html.EditorFor(model => model.YearBought, 
    new { htmlAttributes = new { @class = "form-control datepicker", 
    @Value = Model.YearBought != null ? 
    Model.YearBought.Value.Date.ToString("yyyy-MM-dd") : null } })
    • Vous n'avez JAMAIS mis les value attribut lors de l'utilisation de HtmlHelper méthodes (sauf si vous essayez de le visser en place de la liaison de modèle).
    • Mon modèle de liaison a été déjà foiré, car il ne fonctionnait pas sans cela. Faire ce que j'ai fait ci-dessus est la seule chose que j'ai pu faire pour le faire fonctionner. J'ai posté parce que j'imagine qu'il pourrait arriver à quelqu'un d'autre, que de bien.
    • Vous avez quelque chose d'autre cause. Tous les HtmlHelper méthodes qui génèrent des contrôles de formulaire de définir correctement le value attribut en première lecture à partir de ModelState, puis le ViewDataDictionary et enfin de la véritable valeur de modèle.
    • Je ne pense pas. J'ai un ViewModel j'ai été en utilisant qui ressemble en tout point au-dessus. myViewModel.startdt = DateTime.Now; L'a transmis à mon avis avec un return View("MyView", myViewModel); et avait using @model TestSite.ViewModels.MyViewModel en haut. Tous mes EditorFor() boîtes étaient très bien et l'affichage de mon modèle une fois qu'un formulaire de publication, mais la EditorFor() ceux avec qui j'étais remplissage avec des dates n'étaient que de "mm/dd/yyyy" si pas de paramètre d'un @Value. Je ne suis pas la seule réponse à jamais dire à l'utilisation qui, par la façon: stackoverflow.com/questions/15943797/...
    • Une autre mauvaise réponse mvc, à partir d'un débutant qui ne sait pas ce qu'ils font ou comment le HtmlHelper méthodes de travail (sans voir votre code, tout ce que je peux faire est de deviner que vous essayez de modifier la valeur dans votre contrôleur, après une valeur a été ajoutée à ModelState)
    • Ce que je fais est assez commun, & je ne pense pas que je suis un novice-tho peut-être pas aussi adv comme vous. Comme je l'ai dit, c'était une publication sur un formulaire. J'ai défini un modèle vide w/certains préremplie propriétés (pas la Date de Début, mais Créé En, Date de création, etc.) dans mon Contrôleur Index(), qui est un return View(myViewModel);. Cliquez sur un bouton "Enregistrer" après j'ai télécharger un fichier-lance Upload() qui lit les propriétés & jeux myViewModel.startdt = DateTime.Now; alors il ne return View("Index", myViewModel); de mettre à jour le modèle d'origine avec mes nouvelles valeurs. Comme je l'ai dit, que les dates ont des problèmes.
    • Laissez-nous continuer cette discussion dans le chat.

    InformationsquelleAutor vapcguy