Wie legen Sie Wert in HTML5-Datums-Feld aus Asp.Net MVC Razor?

Fand ich eine ähnliche Frage hier aber, dass die arbeiten nicht für meinen Fall. Bitte schauen Sie sich den Screenshot unten. Wenn ich Rendern von Daten in einem Edit-Formular, alle Daten gesetzt wurde, um die Steuerelemente richtig, außer das markierte Feld Datum. Wenn ich überprüfen Sie das element, fand ich, dass der Wert da ist, aber aus irgendeinem Grund ist es nicht angezeigt im Feld.

Hier ist der code, den ich verwendet, um den eingestellten Wert in das Feld Datum. Ich habe versucht, sowohl "yyyy-MM-dd" & "MM/dd/yyyy" format, aber keiner war.

<td>Joining Date</td>
<td>
@{
   if(Model.JoiningDate != null)
   {
      <input id="txtJoiningDate" type="date" style="width: 100%;" value="@String.Format("{0:MM/dd/yyyy}",Model.JoiningDate.Value)" />
   }
   else
   {
      <input id="txtJoiningDate" type="date" style="width: 100%;" />
   }
}
</td>

Wie legen Sie Wert in HTML5-Datums-Feld aus Asp.Net MVC Razor?

Bearbeiten

Wie legen Sie Wert in HTML5-Datums-Feld aus Asp.Net MVC Razor?

InformationsquelleAutor vanu | 2014-08-29
  1. 10

    Warum stattdessen verwenden Sie einfach die html-Helfer wie abgebildet :-

    @Html.TextBox("txtJoiningDate", Model.JoiningDate.Value ,"{0:yyyy-MM-dd}",new{ @style="width:100%", type="date" })
    • Ich habe versucht, ersetzen von 'v' mit 'V' zu, aber das Ergebnis ist dasselbe 🙁
    • wenn ich mit der 1. option wird es möglich sein, den Wert dieser Kontrolle (der Wert kann vom Benutzer geändert werden) mithilfe von jquery? Wenn ja, dann wie kann ich das machen? Jetzt bekomme ich diesen Wert mit Hilfe von jquery, d.h. $("#txtJoiningDate").val() ; ist die Verwendung einer id für dieses Steuerelement
    • sehen Sie in der Konsole..der generierte html-Code von der ersten Antwort wird die gleiche sein wie in deiner Frage..keine Sorge..
    • Gut, ja, aber in diesem Fall, der die Kontrolle verliert, der "Kalander", das möchte ich die user sehen, wenn Sie ein Datum auswählen. Obwohl, unter Verwendung der ersten option ist die Anzeige einer einfachen TextBox mit dem richtigen Wert, sondern es verliert auch die Kalender-Funktionalität. Jeder Weg, um für die?
    • MM/dd/yyyy - format wird nicht funktionieren. Sie hat das ISO-format yyyy-mm-dd.
    • Es funktioniert nicht : jsfiddle.net/mrchief/vawdmax1/2
    • Okk..Okk..durch Typ='Datum' das ist ein html5-Attribut erstellen problem..right..???....@Mrchief
    • ja, ich muss das format ändern, von "MM/dd/yyyy" auf "yyyy-MM-dd". Aber Dank Euch und "Mrchief" für die Hilfe 😀
    • das...toll, dass es geklappt hat..thankzz...

    InformationsquelleAutor Kartikeya Khosla
  2. 3

    Verwendung von Html-helper -

    @Html.TextBox("txtJoiningDate", Model.JoiningDate.Value ,"{0:MM/dd/yyyy}")

    Im Modell 

     [DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
public Nullable<System.DateTime> JoiningDate{ get; set; }

    Ist dies für mich funktioniert

    • wo Sie erwähnt input type="date" ?
    InformationsquelleAutor Jack
  3. 2

    Für Html5 input type="date" - Felder, die Werte müssen angegeben werden im format "yyyy-MM-dd". Sobald Sie es in diesem format sehen Sie den Wert auf dem Bildschirm.

    InformationsquelleAutor Hamid Shahid
  4. 1
    @Html.EditorFor(x => x.JoiningDate)

    auch in Ihrem Modell:

        [DisplayName("Joining date")]
    [DataType(DataType.Date)]
    [DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}", ApplyFormatInEditMode = true)]
    public DateTime? JoiningDate { get; set; }
    InformationsquelleAutor Nhan Nguyen
  5. 0

    Du sicher, dass du versucht yyyy-MM-dd format? Überprüfen Sie heraus dieses fiddle, funktioniert auf Chrome

    <input id="txtJoiningDate" type="date" style="width: 100%;" value="2010-12-25" /> -> works

<input id="txtJoiningDate" type="date" style="width: 100%;" value="2010/12/25" /> -> will not work
    • ja. Bitte schauen Sie in das 2. Bild in "Bearbeiten". Auch in Chrome ist es nicht richtig zeigen.
    • Ich ' m vorausgesetzt, Ihre browser-version ist ziemlich neu. Andere Sache, die ich denken kann, ist vielleicht einige andere plugin/JS stört. Hat die demo-Arbeit für Sie?
    • Ja, die demo funktioniert, aber nicht meine Lösung 🙁
    InformationsquelleAutor Mrchief
Schreibe einen Kommentar