2016-04-06 9 views
0

Hier ist mein Eigentum in meinem Modell:Ausgabe mit Datetime Property

[Display(Name = "Date/Time:")] 
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy HH:mm}", ApplyFormatInEditMode = true)] 
public Nullable<System.DateTime> DayTime { get; set; } 

Für meine Anwendung ist es notwendig, die Zeit zu zählen.

Hier ist meine .cshtml

<div class="form-group"> 
     @Html.LabelFor(model => model.DayTime, htmlAttributes: new { @class = "control-label col-md-2 required" }) 
     <div class="col-md-10"> 
      @Html.EditorFor(model => model.DayTime, new { htmlAttributes = new { @class = "form-control datepicker" } }) 
      @Html.ValidationMessageFor(model => model.DayTime, "", new { @class = "text-danger" }) 
     </div> 
    </div> 

Ich bin mit jQuery Datepicker.

Wenn zunächst der Benutzer auf die geht Seite erstellen, ich habe es Setup, so dass es automatisch das heutige Datum und die aktuelle Uhrzeit bereits im EditorFor wie so haben:

Jetzt, wo alles funktioniert gut , bis ich das Datum und die Uhrzeit ändern möchte ... Ich bin in der Lage, den Datumsbereich zu ändern, aber ich kann den HH:mm Teil der DateTime nicht hinzufügen ... wie der EditorFor es mir nicht erlaubt, vom Date-Teil zu spacen um die Zeit einzugeben.

Wie kann ich das beheben, so dass ich den Zeitabschnitt zusammen mit dem Datum eingeben kann?

+0

Dies erfordert eine Erweiterung von jQuery UI. Ich denke, dass diese Funktionalität standardmäßig nicht verfügbar ist. Mögliches Duplikat: http://stackoverflow.com/questions/17438857/format-date-with-hours-minutes-and-seconds-in-jquery-ui-datepicker – JDupont

+0

@JDupont Ich habe gerade diese Lösungen ausprobiert. und immer noch das gleiche Problem –

Antwort

0

Nach der Suche um, fand ich Bootstrap 3 Datepicker v4

Ich ging in Nuget und heruntergeladen die .CSS Version von Bootstrap.v3.Datetimepicker.CSS.

Nach Referenzieren der neu heruntergeladenen Dateien in meinem _Layout View folgte ich den einfachen Anweisungen in dem oben angegebenen Link, und es funktioniert wie ein Charme.

Verwandte Themen