change date format in displaying

Question

I have this below code where i am trying to alert the date selected on click of an image. I am getting the alert but the issue is date format.

Below is alert i am getting. I need the alert in mm/dd/yyy.

And also why i am getting Thu Jan 01 1970 if i use todatestring() method.

Below is the javascript code

From input tag i am displaying the dates in a div tag container. In the code u can see image after clicking i need to display those dates in input tag. — learningmode, Oct 07 '16 at 17:59

score 0 · Answer 1 · answered Oct 07 '16 at 18:07

0

Try this function to return mm/dd/yyyy

function getmmDdYy(thisDate) {
        return ('0' + (thisDate.getMonth() + 1)).slice(-2) +
            '/' +
            ("0" + (thisDate.getDate())).slice(-2) +
            '/' +
            thisDate.getFullYear();
    }

So on your fnUpdateDate(), do this:

function fnUpdateDate(date1,date2){
alert(getmmDdYy(new Date(date1)) +" ss "+ getmmDdYy(new Date(date2)));
}

Let me know if this works.

answered Oct 07 '16 at 18:07

Ross

119
5

Hi Ross I am geting 01/01/1970 ss 01/01/1970 – learningmode Oct 07 '16 at 18:11
Isn't that what you want? the format to be in mm/dd/yyyy? – Ross Oct 07 '16 at 18:12
I am not getting wht i am selecting in input date tag...if i am selecting todays date i am getting 01/01/1970.. And if i display only date1 value its coming as Date1 = 0.0002610693400167084 – learningmode Oct 07 '16 at 18:14
Your question was about the date format. You may want to check what these value return to you: `var a = document.getElementById("page:j_id1:myPicker1").value; var a1 = document.getElementById("page:j_id1:myPicker2").value;` This is where the date is getting set to '01/01/1970' – Ross Oct 07 '16 at 18:15
I am getting 10/12/2016 as i am selecting the same.. which is correct.. – learningmode Oct 07 '16 at 18:19
I see your error now, change this: `str+="";` to this: `str+="";` let me know if it works. You were passing an object instead of a string. – Ross Oct 07 '16 at 18:24
in browser console i am seeing ....
1. Date 1 10/4/2016Date 2 10/12/2016
– learningmode Oct 07 '16 at 18:29
but not sure why alert is showing something different – learningmode Oct 07 '16 at 18:29
this part is wrong: `onclick="fnUpdateDate(10/4/2016,10/12/2016)"` you are passing an object instead of a string. the correct one is: `onclick="fnUpdateDate('10/4/2016','10/12/2016')"` See the single quotes around the dates? – Ross Oct 07 '16 at 18:30
Again, change it to this and try: `str+="";` – Ross Oct 07 '16 at 18:31

score 0 · Answer 2 · edited May 23 '17 at 12:16

0

You can retrieve the single components from a date (day, month, year) and build a string with them (https://stackoverflow.com/a/30272803).

If you add the library moment.js you will be able to use formatting strings like YYYYMMDD (https://stackoverflow.com/a/27635223).

edited May 23 '17 at 12:16

Community

1
1

answered Oct 07 '16 at 18:07

mm759

1,350
1
7
7

score 0 · Answer 3 · answered Oct 09 '16 at 15:46

You can pass your date to this function and return the formate as per your need

function formatDate(date) {
                        var d = new Date(date),
                         month = '' + (d.getMonth() + 1),
                         day = '' + d.getDate(),
                         year = d.getFullYear();
                         if (month.length < 2) month = '0' + month;
                         if (day.length < 2) day = '0' + day;
                         return (month+"/"+day+"/"+year);  
                    }

change date format in displaying

3 Answers3