How to Add HH:MM Format in MVC

Question

Hi All,

 

Please Suggest me to how to add number of Duration is HH:MM Format.

But only written in number format not to Time Format. 

 

Here is my model.

 

public string Duration {get; set;} 

 

 here is my View,

 

<div class="form-group">

@Html.LabelFor(model => model.Duration, htmlAttributes: new { @class = "control-label col-md-2" })

<div class="col-md-4">

@Html.EditorFor(model => model.Duration, new { htmlAttributes = new { @class = "form-control", onkeypress = "javascript:return ValidateNmber(this,event);", Placeholder = "HH:MM" } })

@Html.ValidationMessageFor(model => model.Duration, "", new { @class = "text-danger" })

</div>

</div>

 

So please Suggest ASAP.