Skip to main content

How to convert time between timezone in Java, Primefaces?


I use the calendar Primefaces component with timeOnly and timeZone attributes for using only hour format (HH:mm). Like this:
 <p:calendar id="xabsOvertimeTimeFrom" pattern="HH:mm" timeOnly="true" value="#{data.dateFrom}" timeZone="#{data.timeZone}"/>

We can convert the value of #{data.dateFrom} from GMT/UTC time zone to local, conversely, from local time zone to GMT/UTC time zone. Here is my functions:
package vn.nvanhuong.timezoneconverter;

import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date;
import java.util.TimeZone;



public class TimeZoneConverter {
 
 /**
  * convert a date with hour format (HH:mm) from local time zone to UTC time zone 
  */
 public static Date convertHourToUTCTimeZone(Date inputDate) throws ParseException {
  if(inputDate == null){
   return null;
  }
  Calendar calendar = Calendar.getInstance();
  calendar.setTime(inputDate);
  int hours = calendar.get(Calendar.HOUR_OF_DAY);
  int minutes = calendar.get(Calendar.MINUTE);
  String dateString = ""+((hours>9)?""+hours:"0"+hours)+":"+((hours>9)?""+minutes:"0"+minutes)+"";
  SimpleDateFormat sdf = new SimpleDateFormat("HH:mm");
  sdf.setTimeZone(TimeZone.getTimeZone("UTC"));
  return sdf.parse(dateString);
 }
 
 /**
  * convert a date with hour format (HH:mm) from UTC time zone to local time zone
  */
 public static Date convertHourFromUTCToLocalTimeZone(Date inputDate) throws ParseException {
  if(inputDate == null){
   return null;
  }
  Date localFromGmt = new Date(inputDate.getTime() - TimeZone.getDefault().getOffset(inputDate.getTime()));
  
  Calendar calendar = Calendar.getInstance();
  calendar.setTime(localFromGmt);
  int hours = calendar.get(Calendar.HOUR_OF_DAY);
  int minutes = calendar.get(Calendar.MINUTE);
  String dateString = ""+((hours>9)?""+hours:"0"+hours)+":"+((hours>9)?""+minutes:"0"+minutes)+"";
  SimpleDateFormat sdf = new SimpleDateFormat("HH:mm");
  
  return sdf.parse(dateString);
 }
 
}

And Unit test for them:
package vn.nvanhuong.timezoneconverter.test;

import static org.junit.Assert.assertEquals;

import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.TimeZone;

import org.junit.Test;

import vn.nvanhuong.timezoneconverter.TimeZoneConverter;

public class TimeZoneConverterTest {

 @Test
 public void testConvertHourToUTCTimeZoneWhenNull() throws ParseException {
  Date inputDate = null;
  Date expected = null;
  Date actual = TimeZoneConverter.convertHourToUTCTimeZone(inputDate); 
  assertEquals(expected,actual);
 }
 
 @Test
 public void testConvertHourToUTCTimeZoneWhenNotNull() throws ParseException {
  SimpleDateFormat isoFormat = new SimpleDateFormat("HH:mm");
  Date inputDate = isoFormat.parse("19:21");
  isoFormat.setTimeZone(TimeZone.getTimeZone("UTC"));
  Date expected = isoFormat.parse("19:21");
  Date actual = TimeZoneConverter.convertHourToUTCTimeZone(inputDate); 
  assertEquals(expected,actual);
 }
 
 @Test
 public void testConvertHourToDefaultTimeZoneNull() throws ParseException {
  Date inputDate = null;
  Date expected = null;
  Date actual = TimeZoneConverter.convertHourFromUTCToLocalTimeZone(inputDate); 
  assertEquals(expected,actual);
 }
 
 @Test
 public void testConvertHourToDefaultTimeZoneNotNull() throws ParseException {     
  SimpleDateFormat isoFormat = new SimpleDateFormat("HH:mm");
  Date expected = isoFormat.parse("09:21");
  isoFormat.setTimeZone(TimeZone.getTimeZone("UTC"));
  Date inputDate = isoFormat.parse("09:21"); //16:21
  Date actual = TimeZoneConverter.convertHourFromUTCToLocalTimeZone(inputDate);
  assertEquals(expected, actual);  
 }

}

Hope that is useful for everyone! ;)

Comments

Popular posts from this blog

[Snippet] CSS - Child element overlap parent

I searched from somewhere and found that a lot of people says a basic concept for implementing this feature looks like below: HTML code: <div id="parent">  <div id="child">  </div> </div> And, CSS: #parent{   position: relative;   overflow:hidden; } #child{   position: absolute;   top: -1;   right: -1px; } However, I had a lot of grand-parents in my case and the above code didn't work. Therefore, I needed an alternative. I presumed that my app uses Boostrap and AngularJs, maybe some CSS from them affects mine. I didn't know exactly the problem, but I believed when all CSS is loaded into my browser, I could completely handle it. www.tom-collinson.com I tried to create an example to investigated this problem by Fiddle . Accidentally, I just changed: position: parent; to position: static; for one of parents -> the problem is solved. Look at my code: <div class="modal-body dn-placeholder-parent-positi...

Coders are NERDS | Learning English with Podcast

Let's learn three English vocabulary words based on real-life context through a humorous video about the life of software coders, especially at big tech companies when they work from home. Credit to Joma Tech. 🤓

The HelloWorld example of JSF 2.2 with Myfaces

I just did by myself create a very simple app "HelloWorld" of JSF 2.2 with a concrete implementation Myfaces that we can use it later on for our further JSF trying out. I attached the source code link at the end part. Just follow these steps below: 1. Create a Maven project in Eclipse (Kepler) with a simple Java web application archetype "maven-archetype-webapp". Maven should be the best choice for managing the dependencies , so far. JSF is a web framework that is the reason why I chose the mentioned archetype for my example. 2. Import dependencies for JSF implementation - Myfaces (v2.2.10) into file pom.xml . The following code that is easy to find from  http://mvnrepository.com/  with key words "myfaces". <dependency> <groupId>org.apache.myfaces.core</groupId> <artifactId>myfaces-api</artifactId> <version>2.2.10</version> </dependency> <dependency> <groupId>org.apache.myfaces.core<...

Styling Sort Icons Using Font Awesome for Primefaces' Data Table

So far, Primefaces has used image sprites for displaying the sort icons. This leads to a problem if we want to make a different style for these icons; for example, I would make the icon "arrow up" more blurry at the first time the table loading because I want to highlight the icon "arrow down". I found a way that I can replace these icons with Font Awesome icons. We will use "CSS Pseudo-classes" to achieve it. The hardest thing here is that we should handle displaying icons in different cases. There is a case both "arrow up" and "arrow down" showing and other case is only one of these icons is shown. .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s { background-image: none; margin-left: 5px; font-size: 1.1666em; position: relative; } .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s:not(.ui-icon-triangle-1-s)::before { content: "\f106"; font-family: "FontAwesome"; position: ...

A Template for Software Engineering Standards

Software engineering standard template A well-structured standard acts as a blueprint that guides engineers in their daily tasks and long-term goals. Below, I will outline a template for creating a comprehensive software engineering standard. Header The header serves as the document's identifier. It contains the following: Authors : The people who have contributed to the creation of the standard. Created Date : The date when the document was initially created. Version : The version of the standard. It is typically updated with significant changes. Status : The current status of the document, whether it's in draft, in-review, or official. Next Review Date : The date when the standard will be reviewed for relevancy and accuracy. Table of Contents A table of contents provides an overview of what the document contains, making it easier for readers to navigate through the document. Body The body of the standard comprises: Values : The core beliefs that guide the decision-maki...