Format date in a View in ASP.NET Core MVC
How can I make the date format to be "dd.MM.yyyy" because whatever I do it is always "MM/dd/yyyy"
View part:
<div class="col-md-6 col-xs-6 pull-left">
<label asp-for="@Model.RequestRegistrationDateFrom"></label>
<div class="input-group date">
<input type="text" asp-for="@Model.RequestRegistrationDateFrom" class="form-control js-datepicker pull-left" />
<div class="input-group-append">
<span class="input-group-text calendar-fa"></span>
</div>
</div>
</div>
Model property:
[BindProperty(SupportsGet = true)]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "dd.MM.yyyy")]
[Display(Name = "Date from", ResourceType = typeof(string))]
public DateTime? RequestRegistrationDateFrom { get; set; }
asp.net-core-mvc
asked Nov 23 '18 at 10:30
stefan.sttstefan.stt
8161825
add a comment |
How can I make the date format to be "dd.MM.yyyy" because whatever I do it is always "MM/dd/yyyy"
View part:
<div class="col-md-6 col-xs-6 pull-left">
<label asp-for="@Model.RequestRegistrationDateFrom"></label>
<div class="input-group date">
<input type="text" asp-for="@Model.RequestRegistrationDateFrom" class="form-control js-datepicker pull-left" />
<div class="input-group-append">
<span class="input-group-text calendar-fa"></span>
</div>
</div>
</div>
Model property:
[BindProperty(SupportsGet = true)]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "dd.MM.yyyy")]
[Display(Name = "Date from", ResourceType = typeof(string))]
public DateTime? RequestRegistrationDateFrom { get; set; }
asp.net-core-mvc
asked Nov 23 '18 at 10:30
stefan.sttstefan.stt
8161825
1
[DataType(DataType.Date)]generatestype="date"which will display the browsers HTML5 datepicker with the date in the browsers culture (and you would need to addApplyFormatInEditMode = trueto[DisplayFormat]and use ISO format - refer Date does not display from Model on HTML input type date for more details.
– user3559349
Nov 23 '18 at 10:53
If you do not want the browsers HTML5 datepicker, then remove the[DataType]attribute and addasp-format="{0:dd.MM.yyyy}"to the<input>
– user3559349
Nov 23 '18 at 10:54
@StephenMuecke both approaches don't work :(
– stefan.stt
Nov 23 '18 at 11:13
Then you have not done it correctly or have other issues as well
– user3559349
Nov 23 '18 at 11:14
add a comment |
How can I make the date format to be "dd.MM.yyyy" because whatever I do it is always "MM/dd/yyyy"
View part:
<div class="col-md-6 col-xs-6 pull-left">
<label asp-for="@Model.RequestRegistrationDateFrom"></label>
<div class="input-group date">
<input type="text" asp-for="@Model.RequestRegistrationDateFrom" class="form-control js-datepicker pull-left" />
<div class="input-group-append">
<span class="input-group-text calendar-fa"></span>
</div>
</div>
</div>
Model property:
[BindProperty(SupportsGet = true)]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "dd.MM.yyyy")]
[Display(Name = "Date from", ResourceType = typeof(string))]
public DateTime? RequestRegistrationDateFrom { get; set; }
asp.net-core-mvc
asked Nov 23 '18 at 10:30
stefan.sttstefan.stt
8161825
How can I make the date format to be "dd.MM.yyyy" because whatever I do it is always "MM/dd/yyyy"
View part:
<div class="col-md-6 col-xs-6 pull-left">
<label asp-for="@Model.RequestRegistrationDateFrom"></label>
<div class="input-group date">
<input type="text" asp-for="@Model.RequestRegistrationDateFrom" class="form-control js-datepicker pull-left" />
<div class="input-group-append">
<span class="input-group-text calendar-fa"></span>
</div>
</div>
</div>
Model property:
[BindProperty(SupportsGet = true)]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "dd.MM.yyyy")]
[Display(Name = "Date from", ResourceType = typeof(string))]
public DateTime? RequestRegistrationDateFrom { get; set; }
asp.net-core-mvc
asp.net-core-mvc
asked Nov 23 '18 at 10:30
stefan.sttstefan.stt
8161825
asked Nov 23 '18 at 10:30
stefan.sttstefan.stt
8161825
asked Nov 23 '18 at 10:30
stefan.sttstefan.stt
8161825
asked Nov 23 '18 at 10:30
stefan.sttstefan.stt
8161825
asked Nov 23 '18 at 10:30
stefan.sttstefan.stt
8161825
8161825
1
[DataType(DataType.Date)]generatestype="date"which will display the browsers HTML5 datepicker with the date in the browsers culture (and you would need to addApplyFormatInEditMode = trueto[DisplayFormat]and use ISO format - refer Date does not display from Model on HTML input type date for more details.
– user3559349
Nov 23 '18 at 10:53
If you do not want the browsers HTML5 datepicker, then remove the[DataType]attribute and addasp-format="{0:dd.MM.yyyy}"to the<input>
– user3559349
Nov 23 '18 at 10:54
@StephenMuecke both approaches don't work :(
– stefan.stt
Nov 23 '18 at 11:13
Then you have not done it correctly or have other issues as well
– user3559349
Nov 23 '18 at 11:14
add a comment |
1
[DataType(DataType.Date)]generatestype="date"which will display the browsers HTML5 datepicker with the date in the browsers culture (and you would need to addApplyFormatInEditMode = trueto[DisplayFormat]and use ISO format - refer Date does not display from Model on HTML input type date for more details.
– user3559349
Nov 23 '18 at 10:53
If you do not want the browsers HTML5 datepicker, then remove the[DataType]attribute and addasp-format="{0:dd.MM.yyyy}"to the<input>
– user3559349
Nov 23 '18 at 10:54
@StephenMuecke both approaches don't work :(
– stefan.stt
Nov 23 '18 at 11:13
Then you have not done it correctly or have other issues as well
– user3559349
Nov 23 '18 at 11:14
1
1
[DataType(DataType.Date)] generates type="date" which will display the browsers HTML5 datepicker with the date in the browsers culture (and you would need to add ApplyFormatInEditMode = true to [DisplayFormat] and use ISO format - refer Date does not display from Model on HTML input type date for more details.– user3559349
Nov 23 '18 at 10:53
[DataType(DataType.Date)] generates type="date" which will display the browsers HTML5 datepicker with the date in the browsers culture (and you would need to add ApplyFormatInEditMode = true to [DisplayFormat] and use ISO format - refer Date does not display from Model on HTML input type date for more details.– user3559349
Nov 23 '18 at 10:53
If you do not want the browsers HTML5 datepicker, then remove the
[DataType] attribute and add asp-format="{0:dd.MM.yyyy}" to the <input>– user3559349
Nov 23 '18 at 10:54
If you do not want the browsers HTML5 datepicker, then remove the
[DataType] attribute and add asp-format="{0:dd.MM.yyyy}" to the <input>– user3559349
Nov 23 '18 at 10:54
@StephenMuecke both approaches don't work :(
– stefan.stt
Nov 23 '18 at 11:13
@StephenMuecke both approaches don't work :(
– stefan.stt
Nov 23 '18 at 11:13
Then you have not done it correctly or have other issues as well
– user3559349
Nov 23 '18 at 11:14
Then you have not done it correctly or have other issues as well
– user3559349
Nov 23 '18 at 11:14
add a comment |
2 Answers
2
active
oldest
votes
This should work:
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
answered Nov 25 '18 at 21:10
floorvmtfloorvmt
829
add a comment |
I have heard such case as you are experiencing. Unfortunately, I haven't got it myself, and haven't got a chance to dig into what's actually wrong behind DisplayFormat attribute.
In that case, passing formatted string to value attribute worked.
<input type="text" asp-for="RequestRegistrationDateFrom" value="@Model.RequestRegistrationDateFrom.ToString("dd.MM.yyyy")" class="form-control js-datepicker pull-left" />
Try it for now. Hopefully, it would work in your case too.
If you could post a solution here when you figure out the problem behind, that'll be awesome. I'm interested in it.
answered Nov 25 '18 at 22:11
Yas IkedaYas Ikeda
32528
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53444969%2fformat-date-in-a-view-in-asp-net-core-mvc%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
This should work:
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
answered Nov 25 '18 at 21:10
floorvmtfloorvmt
829
add a comment |
This should work:
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
answered Nov 25 '18 at 21:10
floorvmtfloorvmt
829
add a comment |
This should work:
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
answered Nov 25 '18 at 21:10
floorvmtfloorvmt
829
This should work:
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
answered Nov 25 '18 at 21:10
floorvmtfloorvmt
829
answered Nov 25 '18 at 21:10
floorvmtfloorvmt
829
answered Nov 25 '18 at 21:10
floorvmtfloorvmt
829
answered Nov 25 '18 at 21:10
floorvmtfloorvmt
829
829
add a comment |
add a comment |
I have heard such case as you are experiencing. Unfortunately, I haven't got it myself, and haven't got a chance to dig into what's actually wrong behind DisplayFormat attribute.
In that case, passing formatted string to value attribute worked.
<input type="text" asp-for="RequestRegistrationDateFrom" value="@Model.RequestRegistrationDateFrom.ToString("dd.MM.yyyy")" class="form-control js-datepicker pull-left" />
Try it for now. Hopefully, it would work in your case too.
If you could post a solution here when you figure out the problem behind, that'll be awesome. I'm interested in it.
answered Nov 25 '18 at 22:11
Yas IkedaYas Ikeda
32528
add a comment |
I have heard such case as you are experiencing. Unfortunately, I haven't got it myself, and haven't got a chance to dig into what's actually wrong behind DisplayFormat attribute.
In that case, passing formatted string to value attribute worked.
<input type="text" asp-for="RequestRegistrationDateFrom" value="@Model.RequestRegistrationDateFrom.ToString("dd.MM.yyyy")" class="form-control js-datepicker pull-left" />
Try it for now. Hopefully, it would work in your case too.
If you could post a solution here when you figure out the problem behind, that'll be awesome. I'm interested in it.
answered Nov 25 '18 at 22:11
Yas IkedaYas Ikeda
32528
add a comment |
I have heard such case as you are experiencing. Unfortunately, I haven't got it myself, and haven't got a chance to dig into what's actually wrong behind DisplayFormat attribute.
In that case, passing formatted string to value attribute worked.
<input type="text" asp-for="RequestRegistrationDateFrom" value="@Model.RequestRegistrationDateFrom.ToString("dd.MM.yyyy")" class="form-control js-datepicker pull-left" />
Try it for now. Hopefully, it would work in your case too.
If you could post a solution here when you figure out the problem behind, that'll be awesome. I'm interested in it.
answered Nov 25 '18 at 22:11
Yas IkedaYas Ikeda
32528
I have heard such case as you are experiencing. Unfortunately, I haven't got it myself, and haven't got a chance to dig into what's actually wrong behind DisplayFormat attribute.
In that case, passing formatted string to value attribute worked.
<input type="text" asp-for="RequestRegistrationDateFrom" value="@Model.RequestRegistrationDateFrom.ToString("dd.MM.yyyy")" class="form-control js-datepicker pull-left" />
Try it for now. Hopefully, it would work in your case too.
If you could post a solution here when you figure out the problem behind, that'll be awesome. I'm interested in it.
answered Nov 25 '18 at 22:11
Yas IkedaYas Ikeda
32528
answered Nov 25 '18 at 22:11
Yas IkedaYas Ikeda
32528
answered Nov 25 '18 at 22:11
Yas IkedaYas Ikeda
32528
answered Nov 25 '18 at 22:11
Yas IkedaYas Ikeda
32528
32528
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53444969%2fformat-date-in-a-view-in-asp-net-core-mvc%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
[DataType(DataType.Date)]generatestype="date"which will display the browsers HTML5 datepicker with the date in the browsers culture (and you would need to addApplyFormatInEditMode = trueto[DisplayFormat]and use ISO format - refer Date does not display from Model on HTML input type date for more details.– user3559349
Nov 23 '18 at 10:53
If you do not want the browsers HTML5 datepicker, then remove the
[DataType]attribute and addasp-format="{0:dd.MM.yyyy}"to the<input>– user3559349
Nov 23 '18 at 10:54
@StephenMuecke both approaches don't work :(
– stefan.stt
Nov 23 '18 at 11:13
Then you have not done it correctly or have other issues as well
– user3559349
Nov 23 '18 at 11:14