How can I format a date string coming from the backend?
I am using Reactjs and ES6 in the frontend. And GraphQL to make some API calls.
I am getting a key named createDate with a value like this:
2017-03-29T07:19:05-07:00
And I need to format it like this:
03/29/2017 07:19 AM it should show AM or PM.
As this is an string and I am not using any library, I expect someone could guide me to a solution...
javascript date
asked Nov 20 at 22:27
Reacting
1,30521228
add a comment |
I am using Reactjs and ES6 in the frontend. And GraphQL to make some API calls.
I am getting a key named createDate with a value like this:
2017-03-29T07:19:05-07:00
And I need to format it like this:
03/29/2017 07:19 AM it should show AM or PM.
As this is an string and I am not using any library, I expect someone could guide me to a solution...
javascript date
asked Nov 20 at 22:27
Reacting
1,30521228
1
There are many duplicates. Please do some research, write some code and post what you've tried before asking.
– RobG
Nov 20 at 23:34
add a comment |
I am using Reactjs and ES6 in the frontend. And GraphQL to make some API calls.
I am getting a key named createDate with a value like this:
2017-03-29T07:19:05-07:00
And I need to format it like this:
03/29/2017 07:19 AM it should show AM or PM.
As this is an string and I am not using any library, I expect someone could guide me to a solution...
javascript date
asked Nov 20 at 22:27
Reacting
1,30521228
I am using Reactjs and ES6 in the frontend. And GraphQL to make some API calls.
I am getting a key named createDate with a value like this:
2017-03-29T07:19:05-07:00
And I need to format it like this:
03/29/2017 07:19 AM it should show AM or PM.
As this is an string and I am not using any library, I expect someone could guide me to a solution...
javascript date
javascript date
asked Nov 20 at 22:27
Reacting
1,30521228
asked Nov 20 at 22:27
Reacting
1,30521228
asked Nov 20 at 22:27
Reacting
1,30521228
asked Nov 20 at 22:27
Reacting
1,30521228
asked Nov 20 at 22:27
Reacting
1,30521228
1,30521228
1
There are many duplicates. Please do some research, write some code and post what you've tried before asking.
– RobG
Nov 20 at 23:34
add a comment |
1
There are many duplicates. Please do some research, write some code and post what you've tried before asking.
– RobG
Nov 20 at 23:34
1
1
There are many duplicates. Please do some research, write some code and post what you've tried before asking.
– RobG
Nov 20 at 23:34
There are many duplicates. Please do some research, write some code and post what you've tried before asking.
– RobG
Nov 20 at 23:34
add a comment |
2 Answers
2
active
oldest
votes
You can convert the String to a date object first
var d = new Date("2015-03-25T12:00:00-06:30");
Then define a function constructs the string you want to use for representing the date. For example
function dateToString(d) {
var year = d.getFullYear();
var month = d.getMonth() + 1; // getMonth() returns 0-11
.
.
.
return year + "-" + month "-" + ...;
}
answered Nov 20 at 22:42
Gordan Lin
73
Using the built–in parser is not recommended due to quirks in various implementations, e.g. Safari incorrectly treats "2015-03-25T12:00:00" as UTC, not local.
– RobG
Nov 20 at 23:36
add a comment |
You could just use Date. Create a Date object with that string and use the available methods to construct the format you want. However, I highly advise using a library like Moment.js. You do NOT want to deal with timezones yourself.
answered Nov 20 at 22:32
Joseph
85.5k24142185
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%2f53402532%2fhow-can-i-format-a-date-string-coming-from-the-backend%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
You can convert the String to a date object first
var d = new Date("2015-03-25T12:00:00-06:30");
Then define a function constructs the string you want to use for representing the date. For example
function dateToString(d) {
var year = d.getFullYear();
var month = d.getMonth() + 1; // getMonth() returns 0-11
.
.
.
return year + "-" + month "-" + ...;
}
answered Nov 20 at 22:42
Gordan Lin
73
Using the built–in parser is not recommended due to quirks in various implementations, e.g. Safari incorrectly treats "2015-03-25T12:00:00" as UTC, not local.
– RobG
Nov 20 at 23:36
add a comment |
You can convert the String to a date object first
var d = new Date("2015-03-25T12:00:00-06:30");
Then define a function constructs the string you want to use for representing the date. For example
function dateToString(d) {
var year = d.getFullYear();
var month = d.getMonth() + 1; // getMonth() returns 0-11
.
.
.
return year + "-" + month "-" + ...;
}
answered Nov 20 at 22:42
Gordan Lin
73
Using the built–in parser is not recommended due to quirks in various implementations, e.g. Safari incorrectly treats "2015-03-25T12:00:00" as UTC, not local.
– RobG
Nov 20 at 23:36
add a comment |
You can convert the String to a date object first
var d = new Date("2015-03-25T12:00:00-06:30");
Then define a function constructs the string you want to use for representing the date. For example
function dateToString(d) {
var year = d.getFullYear();
var month = d.getMonth() + 1; // getMonth() returns 0-11
.
.
.
return year + "-" + month "-" + ...;
}
answered Nov 20 at 22:42
Gordan Lin
73
You can convert the String to a date object first
var d = new Date("2015-03-25T12:00:00-06:30");
Then define a function constructs the string you want to use for representing the date. For example
function dateToString(d) {
var year = d.getFullYear();
var month = d.getMonth() + 1; // getMonth() returns 0-11
.
.
.
return year + "-" + month "-" + ...;
}
answered Nov 20 at 22:42
Gordan Lin
73
answered Nov 20 at 22:42
Gordan Lin
73
answered Nov 20 at 22:42
Gordan Lin
73
answered Nov 20 at 22:42
Gordan Lin
73
73
Using the built–in parser is not recommended due to quirks in various implementations, e.g. Safari incorrectly treats "2015-03-25T12:00:00" as UTC, not local.
– RobG
Nov 20 at 23:36
add a comment |
Using the built–in parser is not recommended due to quirks in various implementations, e.g. Safari incorrectly treats "2015-03-25T12:00:00" as UTC, not local.
– RobG
Nov 20 at 23:36
Using the built–in parser is not recommended due to quirks in various implementations, e.g. Safari incorrectly treats "2015-03-25T12:00:00" as UTC, not local.
– RobG
Nov 20 at 23:36
Using the built–in parser is not recommended due to quirks in various implementations, e.g. Safari incorrectly treats "2015-03-25T12:00:00" as UTC, not local.
– RobG
Nov 20 at 23:36
add a comment |
You could just use Date. Create a Date object with that string and use the available methods to construct the format you want. However, I highly advise using a library like Moment.js. You do NOT want to deal with timezones yourself.
answered Nov 20 at 22:32
Joseph
85.5k24142185
add a comment |
You could just use Date. Create a Date object with that string and use the available methods to construct the format you want. However, I highly advise using a library like Moment.js. You do NOT want to deal with timezones yourself.
answered Nov 20 at 22:32
Joseph
85.5k24142185
add a comment |
You could just use Date. Create a Date object with that string and use the available methods to construct the format you want. However, I highly advise using a library like Moment.js. You do NOT want to deal with timezones yourself.
answered Nov 20 at 22:32
Joseph
85.5k24142185
You could just use Date. Create a Date object with that string and use the available methods to construct the format you want. However, I highly advise using a library like Moment.js. You do NOT want to deal with timezones yourself.
answered Nov 20 at 22:32
Joseph
85.5k24142185
answered Nov 20 at 22:32
Joseph
85.5k24142185
answered Nov 20 at 22:32
Joseph
85.5k24142185
answered Nov 20 at 22:32
Joseph
85.5k24142185
85.5k24142185
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53402532%2fhow-can-i-format-a-date-string-coming-from-the-backend%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
There are many duplicates. Please do some research, write some code and post what you've tried before asking.
– RobG
Nov 20 at 23:34