Develop Reference

How to set value of default date in DateTime EditorFor

I have tried different approach to make a dateTime text box, this is the one that works, but the problem is I cannot set a default date.
Here's what I am working on:
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy/MM/dd}", ApplyFormatInEditMode = true)]
Then I set the date today, DateTime.Now like this model.NotifyDate = DateTime.Now;
It doesn't set the date. However, if I remove [DataType(DataType.Date)] from the model I will get:
I will get the date, but the calendar is gone. What's the problem? Or am I using the datepicker wrong?
Here's my view:
#Html.EditorFor(m => m.NotifyDate, new { htmlAttributes = new { #class = "form-control input-sm" } })

You were on the right track! Defaults such as this should be set in the ViewModel
(as it appears you're doing w/ model.NotifyDate = DateTime.Now;)
The problem here appears to be that the browser is expecting the value for the generated html input element to be formatted differently -- namely, yyyy-MM-dd vs yyyy/MM/dd.
(note the use of - vs /)
In order for the browser to correctly display the date, the value must be formatted as 2019-09-23.
ex:
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
Here is a great answer to a similar question that should shed some more light on what's going on as well.

You should try this datepicker in js.
$('.date').datepicker({
format: "dd.mm.yyyy",
weekStart: 1,
clearBtn: true,
todayBtn: "linked",
language: "tr",
startDate: new Date(),
autoclose: true
});

Since Browser is expecting the value for the generated HTML input, you either need to provide value with client-side javascript (or client-side datepicker) or bind the value to model.
You can bind the value to model and pass to view from the controller as follows.
public async Task<ActionResult> Create()
{
var dateInfo = new DateInfo()
{
StartDate = DateTime.Now
};
return View(dateInfo);
}
Or you can assign value from client side. jQuery UI is simple and easy to implement. You can Visit .

c# mvc razor datatype.time editorfor not showing stored data in right format on editing

I have a Time datatype property field in a entity:
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:hh:mm}")]
[DataType(DataType.Time)]
public DateTime BeginTime { get; set; }
In razor view I have this code to creating and editing
#Html.EditorFor(model => model.BeginTime, new { htmlAttributes = new { #class = "form-control" } })
On creating i can fill this field in right format with a timepicker, for example 01:15 p.m. and on database it is stored in right datetime format "2017-10-12 13:15:00.000".
But on editing it shows 01:15 a.m. And if i save again the object it modifies field with 01:15 a.m. on database damaging data ("2017-10-12 01:15:00.000").
I have tried this:
Set display format of the property in "hh:mm tt"
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:hh:mm tt}")]
[DataType(DataType.Time)]
public DateTime BeginTime { get; set; }
But on editing it takes a empty value for the field like (--:-- ---) deleting saved data.
Anyone knows how to fix this format issue on editing view?

try this:-
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:HH:mm}")]
For more info:-
hh vs HH :-
Difference between java HH:mm and hh:mm on SimpleDateFormat
Hope it will work.

Mvc read Date in editview [duplicate]

I am trying to populate #Html.EditorFor helper. I have created a view model with the below property
[DataType(DataType.Date, ErrorMessage="Date only")]
[DisplayFormat(DataFormatString = "{0:dd/MM/yy}", ApplyFormatInEditMode = true)]
public DateTime? YearBought { get; set; }
and my helper is set up as below (a)
#Html.ValidationMessageFor(m => m.YearBought)
#Html.EditorFor(model => model.YearBought, new { #type = "date" })
I have also tried (b)
#Html.ValidationMessageFor(m => m.YearBought)
#Html.EditorFor(model => model.YearBought.Value.Date)
Using the above format (a) nothing is displayed. Using the above format (b) 12/05/2014 00:00:00 is displayed in textbox format.
I am trying to achieve a datepicker format without a time displayed
I have reviewed several other questions but cant see what i've done different.
When I look in my database, the value is save as 2014-05-12 and when I am saving the value the EditorFor helper generates the required input facility
questions reviewed
first second third....the list goes on
EDIT
just opened the console in chrome dev tools and so this message
The specified value "12/05/14" does not conform to the required format, "yyyy-MM-dd"
I thought DisplayFormat(DataFormatString = "{0:dd/MM/yy}" was defining how to display my date?

You need to use the ISO format when using type="date"
[DataType(DataType.Date, ErrorMessage="Date only")]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? YearBought { get; set; }
This will display the date in the browsers culture.
Note there is no need to add #type = "date". The EditorFor() method will add that because of the DataType attribute. Note also that type="date" is only supported in Chrome (FireFox and IE will just generate a normal textbox)
If you do want to display the format dd/MM/yyyy in a standard textbox then you can use
#Html.TextBoxFor(m => m.YearBought, "{0:dd/MM/yyyy}")

As it says in Stephen's answer, you have to make your formats match between the tags in your model to what is shown in the View, and it should be of the yyyy-MM-dd (ISO) format, regardless of how you actually want to display the date:
using System;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
// .... your namespace .... your class....
[DisplayName("Year Bought")]
[DataType(DataType.Date, ErrorMessage="Date only")]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? YearBought { get; set; }
And he's right, because we have [DataType(DataType.Date)], we don't need #type = date in our HtmlAttributes on the View.
Where my answer differs from his is how to actually apply the value from the Model to the control on the View. Since YearBought is a Nullable<DateTime>, we have to set it with its value a certain way, using .Value:
#Html.EditorFor(model => model.YearBought,
new { htmlAttributes = new { #class = "form-control datepicker",
#Value = Model.YearBought.Value.Date.ToString("yyyy-MM-dd") } })
Paying close attention to set the .ToString("yyyy-MM-dd"). It's not going to display in the box like that, though - at least for me - probably because my U.S. Regional settings on my computer take over and display it as MM/dd/yyyy regardless. This might confuse some, but it's better to just "do" and not worry about it.
If YearBought was just a straight DateTime instead of a DateTime?, it would be without the .Value:
#Html.EditorFor(model => model.YearBought,
new { htmlAttributes = new { #class = "form-control datepicker",
#Value = Model.YearBought != null ?
Model.YearBought.Value.Date.ToString("yyyy-MM-dd") : null } })

I would make your view model's YearBought property a String for the easiest manipulation. The server can format the date, it can do the parsing on postback, and you can still use the DataType.Date data annotation for jQuery validation. This also ensures that the display value will be exactly what you want prior to being submitted to the view.

Alternative to the HTML type attribute, you can use an EditorTemplate in MVC to put the markup, CSS, and JS needed to render a custom editor for a known C# datatype like DateTime.
Here is a walkthrough for creating a custom 'EditorTemplate' in MVC (although not for a Date data type, but concept is the same)

Format date within View in ASP.NET Core MVC

I have problem in regarding with converting the datetime to date using a model.
Model from Class Library
public partial class LoanContract
{
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")]
public DateTime LoanDateStart { get; set; }
}
Model from Project
public class ModelLoan
{
public LoanContract loanContract { get; set; }
}
Code in controller
myList.loanContract = new LoanContract { LoanDateStart = DateTime.Today };
View:
<input disabled type="date" asp-for="loanContract.LoanDateStart" id="dpDateNow" class="form-control" />
It show like this: yyyy-MM-dd what I want to achieve is that I want to change it to MM/dd/yyyy. I tried using .ToString("MM/dd/yyyy") but it doesn't work.

Thank you #Enrico for your comment i add it in the answer :
Try it with this in your model:
[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:MM/dd/yyyy}")]
And In your controller change DateTime to Date :
myList.loanContract = new LoanContract { LoanDateStart = Date.Today };
Hope this help you.

Simple and practical, use asp-format, example:
<input asp-for="MyDate" asp-format="{0:dd/MM/yyyy}" class="form-control" />
Or:
#Html.TextBoxFor(model => model.MyDate, "{0:dd/MM/yyyy}", new { #class = "form-control" })

If when defining in model does not work, you can use inside your view file:
#String.Format("{0:dd/MM/yyyy}",ViewBag.TerminoDaAvaliacao)
This ViewBag contains a DateTime value. The time disapears with this format definition. It is not necessary to change DateTime by Date inside the Model file definition.

I have also solved this problem using .ToString("d"). I received output of "MM/DD/YYYY".

This might be the wrong solution to the problem being asked, but I hope it helps someone. If you are trying to input only a date (without time) Model.IsValid will throw back a validation error saying the date input format is incorrect. To solve this problem, simply Add this to your model.
[Display(Name = "Date")]
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")]
[DataType(DataType.Date)]
public DateTime Date { get; set; }
Using data attributes inside asp.net have the benefit of automatically being supported by jQuery client-side validation. (Generated by Asp.Net)

I think it is a bug for dateformat escape chars on dotnet core. None of above solutions worked for me. Only this method solved my problem. why does DateTime.ToString("dd/MM/yyyy") give me dd-MM-yyyy?
[DisplayFormat(DataFormatString = "{0:dd'/'MM'/'yyyy}", ApplyFormatInEditMode = true)]
or
<input asp-for="DateProperty" asp-format="{0:dd'/'MM'/'yyyy}">

Add [DataType(DataType.Date)] in your model
[Column(TypeName = "Date")]
[DisplayName("Date of birth")]
[DataType(DataType.Date)]

(Current as of ASP.NET 6)
The problem with almost all of these answers (except the one from #Alex_Jung_89) is that they don't respect the current culture of the thread. If you operate in different locales, the custom string that you're using will not be correct if, for example, your user is hitting you from a browser that's fr-FR, because they reverse month and day from the US standard.
Tag helpers work best here without all of the annotation stuff junking up your models, and coming back in the pipe the model binder will work on the current culture of the thread.
<input type="text" asp-for="Dob" asp-format="{0:d}" />
It's also best to defer formatting to the view to keep a clear separation of concerns.
Standard format strings:
https://learn.microsoft.com/en-us/dotnet/standard/base-types/standard-date-and-time-format-strings

For those who get here wanting to change date format of a model in the view regardless of Model class (Its what I expected to be answering). This works in both Razorpages and MVC.
Just add .ToString("dd/MM/YYYY") to the property you're displaying.
e.g.
#Model.DateOfBirth.ToString("<Use formatting here>")
This is great if you only want to show part of a date say month and year, but elsewhere you need to show the day and the time.

This might be extremely helpful sometimes,
<input asp-for="DateProperty" asp-format="**#Model.DateProperty.ToString($"{0:dd/MM/yyyy}")**">

jQuery Backstretch not displaying correctly when used on the layout-page

within my asp.net Mvc 4 application I'm using datepicker to allow the user to select a date as input for a textbox.
I set several attributes to ensure the user picks either to days date or a previous, this works fine...
Now all I want to do is display todays date in the textbox when the user first visit's the page as more often then not todays date will be selected, so it will act like a default but will be visible straight away without the user selecting the textbox...
Any ideas...?
Thanks.
jQuery..
$("#dischargedatepicker").datepicker({
dateFormat: 'D dd M yy',
maxDate: 0,
highlightWeek: true,
showAnim: "scale",
showOptions: {
origin: ["top", "left"]
}
});
Html..
#Html.TextBoxFor(model => model.Appointment, new { #id = "dischargedatepicker" ,#class = "span12 m-wrap"})

What about?:
public class MyModel
{
public DateTime Appointment;
public MyModel()
{
Appointment = DateTime.Now;
}
}
Just set default date on serverside in a constructor.