asp.net-mvc Html Helpers Custom Helper - Date Time Picker
Example
public static MvcHtmlString DatePickerFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, object htmlAttributes)
{
var sb = new StringBuilder();
var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
var dtpId = "dtp" + metaData.PropertyName;
var dtp = htmlHelper.TextBoxFor(expression, htmlAttributes).ToHtmlString();
sb.AppendFormat("<div class='input-group date' id='{0}'> {1} <span class='input-group-addon'><span class='glyphicon glyphicon-calendar'></span></span></div>", dtpId, dtp);
return MvcHtmlString.Create(sb.ToString());
}
Example:
@Html.DatePickerFor(model => model.PublishedDate, new { @class = "form-control" })
If you use Bootstrap.v3.Datetimepicker The your JavaScript is like below --
$('#dtpPublishedDate').datetimepicker({ format: 'MMM DD, YYYY' });
