Convert UNIX timestamp to date using Vue JS | Community
Skip to main content
N
nikita24tailor
Level 4
June 16, 2022

Convert UNIX timestamp to date using Vue JS

  • June 16, 2022
  • 3 replies
  • 4358 views

I am getting created date of the pages in aem using query builder through a servlet. But the output date is in UNIX format. I want to render the date in correct date format like Jan 14, 2022. Is there a way I can change this using VueJS. Or any other to do this?

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

Pallavi_Shukla_
Community Advisor
Pallavi_Shukla_Community Advisor
Community Advisor
June 16, 2022

hi @nikita24tailor 

You may have to write custom java logic to render the date format as per your requirement :

 

Similar discussion : https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-query-debugger-date-format-issue/m-p/237823

    N
    nikita24tailorAuthor
    Level 4
    June 19, 2022

    I tried doing that using the following code:

    String text = props.get("jcr:created").toString();
long timeStamp =  Long.parseLong(text);
        
//convert seconds to milliseconds
Date date = new Date(timeStamp); 
// format of the date
SimpleDateFormat jdf = new SimpleDateFormat("dd MMM yyyy");
String java_date = jdf.format(date);
System.out.println("Created Date: "+java_date);

    But the problem is jcr:created returns an object which has the following values:
    java.util.GregorianCalendar[time=1654598024706,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+05:30",offset=19800000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2022,MONTH=5,WEEK_OF_YEAR=24,WEEK_OF_MONTH=2,DAY_OF_MONTH=7,DAY_OF_YEAR=158,DAY_OF_WEEK=3,DAY_OF_WEEK_IN_MONTH=1,AM_PM=1,HOUR=4,HOUR_OF_DAY=16,MINUTE=3,SECOND=44,MILLISECOND=706,ZONE_OFFSET=19800000,DST_OFFSET=0]
    But I only want the timestamp. Is there a way that I can get only the timestamp from jcr:created?

      ShaileshBassi
      Community Advisor
      ShaileshBassiCommunity Advisor
      Community Advisor
      June 16, 2022
      import moment from 'moment';

Vue.filter('formatDate', function(value) {
    if (value) {
        return moment(String(value)).format('MM/DD/YYYY hh:mm')
    }
});

      Here is the sample code, you can use for converting to a different format.

        N
        nikita24tailorAuthor
        Level 4
        June 19, 2022

        The value of the date is returned through a servlet as json data. How can I use this code for the same?

          SantoshSai
          Community Advisor
          SantoshSaiCommunity Advisor
          Community Advisor
          June 16, 2022

          Hi @nikita24tailor ,

          Try this statement

          vueJSdate = new Date(unixTimestamp * 1000);

          Timestamps of UNIX will be in seconds and Date() required in milliseconds.

          Found similar issue here: https://stackoverflow.com/questions/72643134/convert-unix-timestamp-to-date-using-vuejs

          Hope that helps!

          Regards,

          Santosh

          Santosh Sai
            Terms & ConditionsAccessibility statement

            Loading footer...