MVC DateTime Textbox Problème de mise en forme

Je voudrais faire quelque chose comme 

model.PickupDate.ToString("d")

Mais MVC4 n'est pas aimer beaucoup. PickupDate est un DateTime domaine et je voudrais enlever la partie heure lorsqu'il est affiché dans la vue, tout en gardant la new { id = "date1" } code qui lie le TextBoxFor pour le javasript datepicker. Comment puis-je afficher la Date partie seulement de cette instance? 

@Html.TextBoxFor(model => model.PickupDate, new { id = "date1" })
InformationsquelleAutor Austin Harris | 2013-07-25
  1. 30

    c'est comment je pourrais faire cela. Espérons que cela aide

     @Html.TextBoxFor(m => m.MyDateTime, new { Value = Model.MyDateTime.ToString("MM-dd-yyyy"), id = "MySuperCoolId"});

    ou dans votre cas

    @Html.TextBoxFor(m => m.PickupDated, new { Value = Model.PickupDate.ToString("d"), id = "date1"});
    InformationsquelleAutor Kenneth Garza
  2. 27

    Cela devrait fonctionner:

    @Html.TextBoxFor(model => model.SomeDateTime, "{0:MM/dd/yyyy}", new { id = "yourID" })
    • C'est la méthode (avec quelques modifications mineures en raison de vb) qui a finalement fonctionné pour moi, en utilisant le rasoir & vb.net merci!
    InformationsquelleAutor Yiding
  3. 4

    Où vous définissez votre modèle, vous pouvez fournir la date de mise en forme, dans cet exemple j'ai JJ/MM/AAAA comme mon format, mais vous pouvez le faire n'importe quel format que vous avez besoin.

    Modèle Code

    public class MyModel
{
   [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
   public DateTime SomeDateTime {get;set;}
}

    Alors votre rasoir 

    @Html.EditorFor(model => model.SomeDateTime, new { id = "date1" })
    • Désolé, cela ne résout pas le problème. J'ai ajouté le DisplayFormat attribut que vous avez mentionné ci-dessus mais la modification vue toujours le format DateTime avec l'12:00 AM ajouté pour la date. Puisque c'est un format DateTime dans la base de données sql express son sauvés comme 7/18/2013 12:00:00 format, et puis la vue Edit montre juste comme ça.
    • faites un changement rapide de la lame de rasoir et d'attribut. Ce que j'ai eu était pour l'affichage plutôt que de les éditer
    • Si je change pour le EditorFor ensuite, la date est affichée dans le format défini par l'attribut du Modèle que vous avez énumérés ci-dessus. Cependant, le JavaScript datepicker code ne sera pas accrocher dans le EditorFor comme il le fait avec le TextBoxFor. 🙁
    • <script type="text/javascript"> $(document).ready(function () { $("#date1").datepicker({ dateFormat: 'dd/mm/yy' }); $("#date2").datepicker({ dateFormat: 'dd/mm/yy' }); }); </script>
    • Êtes-vous en mesure de créer un jsfiddle.net, montrant le javascript problème? (Si vous utilisez Firefox, clic à droite de l'éditeur de la date et de choisir inspecter l'élément pour obtenir le code HTML généré nœud)
    • Je suppose que le datepicker question était de EditorFor la création d'un autre id (le nom de la propriété). Ce problème est résolu par la mise en id, comme édité ici, ou le réglage de votre script à utiliser le nouvel id (ma préférence).

    InformationsquelleAutor James
  4. 4

    Basé sur https://stackoverflow.com/a/13702321/787511, testé avec JQueryUI datepicker.

    @Html.TextBoxFor(model => model.PickupDate, "{0:d}", new { id = "date1" })
    InformationsquelleAutor D.Rosado
  5. 0

    Si vous faites de la conversion sur le Vue, vous pouvez écrire ce que suivre

    @Html.TextBoxFor(model => model.SomeDateTime, String.Format("{0:MM/dd/yyyy}"))
    • Salut, mais j'ai encore besoin de la new { id = "date1" } le code dans la vue à utiliser le javascript datepicker. Ce code ne fonctionne pas: @Html.TextBoxFor(modèle => le modèle.PickupDate, Chaîne.Format("{0:MM/jj/aaaa}"), new { id = "date1" })
    InformationsquelleAutor Elvin Mammadov
  6. 0

    Écran dépendent de la culture. Et tandis que dans la plupart des cas, toutes les autres réponses sont correctes, il ne fonctionne pas pour moi. La Culture de problème peut aussi causer des problèmes différents avec datepicker de jQuery, si attaché.

    Si vous souhaitez forcer le format d'échapper à / de la manière suivante:

    @Html.TextBoxFor(model => model.PickupDate, "{0:MM\\/dd\\/yyyy}", new { id = "date1" })

    Si pas échappé, pour moi, c'montrer 08-01-2010 vs attend 08/01/2010.

    Aussi, si pas échappé datepicker de jQuery va sélectionner les différents defaultDate, dans mon exemple, il a été May 10, 2012.

    InformationsquelleAutor CrnaStena
  7. 0
       @Html.TextBoxFor(model => model.Date, String.Format("{0:dddd, MMMM d, yyyy}",Model.Date),  new { @class = "form-control"})
    • S'il vous plaît ajouter quelques explications ainsi.
    • juste ajouter quelques explications pour cette réponse aussi bien .. Merci 🙂
    InformationsquelleAutor manoj kumar