Changing T in date to normal date [duplicate]











up vote
0
down vote

favorite













This question already has an answer here:




  • How to format a JavaScript date

    47 answers




I am using JSX to show data in my front end 



   <p className="projectBoxes-other-para">{data["end.time"]} </p>


I am getting the date from API call. The above displays something like this 



2016-10-30T11:25:38-04:00


Now, the T doesn't make sense to me and something I don't want show my users as well



So how can I convert it into my GMT time? in JSX? Also, if someone can explain me what does T mean here?






javascript







share|improve this question













marked as duplicate by Jonas Wilms javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 Nov 11 at 16:58


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.















  • The T seperates day and time, and you have to parse it as a Date and then format it. MomentJS is a popular library for that.
    – Jonas Wilms
    Nov 11 at 16:59















up vote
0
down vote

favorite













This question already has an answer here:




  • How to format a JavaScript date

    47 answers




I am using JSX to show data in my front end 



   <p className="projectBoxes-other-para">{data["end.time"]} </p>


I am getting the date from API call. The above displays something like this 



2016-10-30T11:25:38-04:00


Now, the T doesn't make sense to me and something I don't want show my users as well



So how can I convert it into my GMT time? in JSX? Also, if someone can explain me what does T mean here?






javascript







share|improve this question













marked as duplicate by Jonas Wilms javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 Nov 11 at 16:58


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.















  • The T seperates day and time, and you have to parse it as a Date and then format it. MomentJS is a popular library for that.
    – Jonas Wilms
    Nov 11 at 16:59













up vote
0
down vote

favorite









up vote
0
down vote

favorite












This question already has an answer here:




  • How to format a JavaScript date

    47 answers




I am using JSX to show data in my front end 



   <p className="projectBoxes-other-para">{data["end.time"]} </p>


I am getting the date from API call. The above displays something like this 



2016-10-30T11:25:38-04:00


Now, the T doesn't make sense to me and something I don't want show my users as well



So how can I convert it into my GMT time? in JSX? Also, if someone can explain me what does T mean here?






javascript







share|improve this question














This question already has an answer here:




  • How to format a JavaScript date

    47 answers




I am using JSX to show data in my front end 



   <p className="projectBoxes-other-para">{data["end.time"]} </p>


I am getting the date from API call. The above displays something like this 



2016-10-30T11:25:38-04:00


Now, the T doesn't make sense to me and something I don't want show my users as well



So how can I convert it into my GMT time? in JSX? Also, if someone can explain me what does T mean here?





This question already has an answer here:




  • How to format a JavaScript date

    47 answers







javascript




javascript






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 11 at 16:42









KuchBhi

754320




754320




marked as duplicate by Jonas Wilms javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 Nov 11 at 16:58


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.






marked as duplicate by Jonas Wilms javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
 Nov 11 at 16:58


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.














  • The T seperates day and time, and you have to parse it as a Date and then format it. MomentJS is a popular library for that.
    – Jonas Wilms
    Nov 11 at 16:59


















  • The T seperates day and time, and you have to parse it as a Date and then format it. MomentJS is a popular library for that.
    – Jonas Wilms
    Nov 11 at 16:59
















The T seperates day and time, and you have to parse it as a Date and then format it. MomentJS is a popular library for that.
– Jonas Wilms
Nov 11 at 16:59




The T seperates day and time, and you have to parse it as a Date and then format it. MomentJS is a popular library for that.
– Jonas Wilms
Nov 11 at 16:59












1 Answer
1






active

oldest

votes

















up vote
0
down vote



accepted










Short answer:



   <p className="projectBoxes-other-para">

        {new Date(data['end.time']).toLocaleDateString()} 

    </p>


'T' is what separates the date from the time in ISO representation. It's what you get from javascript's Date().toISOString().



Since your input is a string and not a Date() class, you need to convert it first by creating a Date object from it:



let date = new Date(data["end.time"])


There are lots of methods of formatting dates. You haven't said what you want, so hard to make a recommendation, but for example, to avoid the 'T', you can use extract the date and time independently:






let now = new Date('2016-10-30T11:25:38-04:00');

let dateString = now.toLocaleDateString();

let timeString = now.toLocaleTimeString();

console.log(dateString + ', ' + timeString);








share|improve this answer























  • .toLocaleDateString is not a function
    – KuchBhi
    Nov 11 at 17:03










  • It's a method of the javascript Date() class. See w3schools.com/jsref/jsref_tolocaledatestring.asp
    – Jim B.
    Nov 11 at 17:04












  • I am doing something like this data["end.time"].toLocaleDateString()} If i do something like this data["end.time] it logs this 2016-11-15T06:00:00-05:00
    – KuchBhi
    Nov 11 at 17:06










  • Ah, your data["end.time"] is a string. I'll update the answer...
    – Jim B.
    Nov 11 at 17:07


















1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes








up vote
0
down vote



accepted










Short answer:



   <p className="projectBoxes-other-para">

        {new Date(data['end.time']).toLocaleDateString()} 

    </p>


'T' is what separates the date from the time in ISO representation. It's what you get from javascript's Date().toISOString().



Since your input is a string and not a Date() class, you need to convert it first by creating a Date object from it:



let date = new Date(data["end.time"])


There are lots of methods of formatting dates. You haven't said what you want, so hard to make a recommendation, but for example, to avoid the 'T', you can use extract the date and time independently:






let now = new Date('2016-10-30T11:25:38-04:00');

let dateString = now.toLocaleDateString();

let timeString = now.toLocaleTimeString();

console.log(dateString + ', ' + timeString);








share|improve this answer























  • .toLocaleDateString is not a function
    – KuchBhi
    Nov 11 at 17:03










  • It's a method of the javascript Date() class. See w3schools.com/jsref/jsref_tolocaledatestring.asp
    – Jim B.
    Nov 11 at 17:04












  • I am doing something like this data["end.time"].toLocaleDateString()} If i do something like this data["end.time] it logs this 2016-11-15T06:00:00-05:00
    – KuchBhi
    Nov 11 at 17:06










  • Ah, your data["end.time"] is a string. I'll update the answer...
    – Jim B.
    Nov 11 at 17:07















up vote
0
down vote



accepted










Short answer:



   <p className="projectBoxes-other-para">

        {new Date(data['end.time']).toLocaleDateString()} 

    </p>


'T' is what separates the date from the time in ISO representation. It's what you get from javascript's Date().toISOString().



Since your input is a string and not a Date() class, you need to convert it first by creating a Date object from it:



let date = new Date(data["end.time"])


There are lots of methods of formatting dates. You haven't said what you want, so hard to make a recommendation, but for example, to avoid the 'T', you can use extract the date and time independently:






let now = new Date('2016-10-30T11:25:38-04:00');

let dateString = now.toLocaleDateString();

let timeString = now.toLocaleTimeString();

console.log(dateString + ', ' + timeString);








share|improve this answer























  • .toLocaleDateString is not a function
    – KuchBhi
    Nov 11 at 17:03










  • It's a method of the javascript Date() class. See w3schools.com/jsref/jsref_tolocaledatestring.asp
    – Jim B.
    Nov 11 at 17:04












  • I am doing something like this data["end.time"].toLocaleDateString()} If i do something like this data["end.time] it logs this 2016-11-15T06:00:00-05:00
    – KuchBhi
    Nov 11 at 17:06










  • Ah, your data["end.time"] is a string. I'll update the answer...
    – Jim B.
    Nov 11 at 17:07













up vote
0
down vote



accepted







up vote
0
down vote



accepted






Short answer:



   <p className="projectBoxes-other-para">

        {new Date(data['end.time']).toLocaleDateString()} 

    </p>


'T' is what separates the date from the time in ISO representation. It's what you get from javascript's Date().toISOString().



Since your input is a string and not a Date() class, you need to convert it first by creating a Date object from it:



let date = new Date(data["end.time"])


There are lots of methods of formatting dates. You haven't said what you want, so hard to make a recommendation, but for example, to avoid the 'T', you can use extract the date and time independently:






let now = new Date('2016-10-30T11:25:38-04:00');

let dateString = now.toLocaleDateString();

let timeString = now.toLocaleTimeString();

console.log(dateString + ', ' + timeString);








share|improve this answer














Short answer:



   <p className="projectBoxes-other-para">

        {new Date(data['end.time']).toLocaleDateString()} 

    </p>


'T' is what separates the date from the time in ISO representation. It's what you get from javascript's Date().toISOString().



Since your input is a string and not a Date() class, you need to convert it first by creating a Date object from it:



let date = new Date(data["end.time"])


There are lots of methods of formatting dates. You haven't said what you want, so hard to make a recommendation, but for example, to avoid the 'T', you can use extract the date and time independently:






let now = new Date('2016-10-30T11:25:38-04:00');

let dateString = now.toLocaleDateString();

let timeString = now.toLocaleTimeString();

console.log(dateString + ', ' + timeString);








let now = new Date('2016-10-30T11:25:38-04:00');

let dateString = now.toLocaleDateString();

let timeString = now.toLocaleTimeString();

console.log(dateString + ', ' + timeString);





let now = new Date('2016-10-30T11:25:38-04:00');

let dateString = now.toLocaleDateString();

let timeString = now.toLocaleTimeString();

console.log(dateString + ', ' + timeString);






share|improve this answer














share|improve this answer



share|improve this answer








edited Nov 11 at 17:14

























answered Nov 11 at 16:59









Jim B.

2,6261928




2,6261928












  • .toLocaleDateString is not a function
    – KuchBhi
    Nov 11 at 17:03










  • It's a method of the javascript Date() class. See w3schools.com/jsref/jsref_tolocaledatestring.asp
    – Jim B.
    Nov 11 at 17:04












  • I am doing something like this data["end.time"].toLocaleDateString()} If i do something like this data["end.time] it logs this 2016-11-15T06:00:00-05:00
    – KuchBhi
    Nov 11 at 17:06










  • Ah, your data["end.time"] is a string. I'll update the answer...
    – Jim B.
    Nov 11 at 17:07


















  • .toLocaleDateString is not a function
    – KuchBhi
    Nov 11 at 17:03










  • It's a method of the javascript Date() class. See w3schools.com/jsref/jsref_tolocaledatestring.asp
    – Jim B.
    Nov 11 at 17:04












  • I am doing something like this data["end.time"].toLocaleDateString()} If i do something like this data["end.time] it logs this 2016-11-15T06:00:00-05:00
    – KuchBhi
    Nov 11 at 17:06










  • Ah, your data["end.time"] is a string. I'll update the answer...
    – Jim B.
    Nov 11 at 17:07
















.toLocaleDateString is not a function
– KuchBhi
Nov 11 at 17:03




.toLocaleDateString is not a function
– KuchBhi
Nov 11 at 17:03












It's a method of the javascript Date() class. See w3schools.com/jsref/jsref_tolocaledatestring.asp
– Jim B.
Nov 11 at 17:04






It's a method of the javascript Date() class. See w3schools.com/jsref/jsref_tolocaledatestring.asp
– Jim B.
Nov 11 at 17:04














I am doing something like this data["end.time"].toLocaleDateString()} If i do something like this data["end.time] it logs this 2016-11-15T06:00:00-05:00
– KuchBhi
Nov 11 at 17:06




I am doing something like this data["end.time"].toLocaleDateString()} If i do something like this data["end.time] it logs this 2016-11-15T06:00:00-05:00
– KuchBhi
Nov 11 at 17:06












Ah, your data["end.time"] is a string. I'll update the answer...
– Jim B.
Nov 11 at 17:07




Ah, your data["end.time"] is a string. I'll update the answer...
– Jim B.
Nov 11 at 17:07



-

Popular posts from this blog

How to pass form data using jquery Ajax to insert data in database?

Image
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box; } 1 I have 4 tables namely stud, country_master_academic,master_state and master_city. The main problem is that my form consists of many different fields like textbox, radio buttons, dropdown and an image file, so i am getting really confused. I can't insert data in database. Please help me. I tried many times but its not working. Thanks for the help in advance. Modal in home.php page <div class="container"> <div class="modal fade" id="add_data_modal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> ...
Read more

Guess what letter conforming each word

Image
6 $begingroup$ This is an entry in the Fortnightly Topic Challenge #41: Short and Sweet. 1 letter only could be mean anything . With an additional letter in front , could be used as medicine component and something you definitely learn or at least heard once. Add another letter in front , you would possibly hear that many times . Add an additional letter in front , you would found an independent country . With an additional letter, in the end , you would found something related to apple . Add another letter in the end , you would found something bad . Hint: Each letter is unique . word knowledge letters chemistry share | improve this question ...
Read more

Run scheduled task as local user group (not BUILTIN)

Image
0 I am trying to run a scheduled task with User Group (not a single user). This is working fine when I in the field "when running a task, use the following user account:" insert BUILTIN User Group (for example: Administrators or Users). But when I try it with the created Local User Group (example: TestGroup) it is not working. The Users in the TestGroup are the same as in the Administrators group. What could be the problem? Are there some restrictions to the Created User Group compared to BUILTINUsers? scheduled-tasks taskscheduler windowstaskschedule share | improve this question asked Nov 15 '18 at 15:36 Far...
Read more