Dustin Marx is a software developer who enjoys identifying and using the correct tool for the job. In addition to writing software and writing a blog on software development, Dustin occasionally presents at conferences and writes articles. Dustin is a DZone MVB and is not an employee of DZone and has posted 238 posts at DZone. You can read more from them at their website. View Full User Profile

JavaFX-Based SimpleDateFormat Demonstrator

  • submit to reddit

One of the things that can be a little tricky for developers new to Java or even for experienced Java developers new to formatting with Java Dates, is the specification of a date/time format using SimpleDateFormat. The class-level Javadoc-based documentation for SimpleDateFormat is pretty thorough in its coverage of patterns representing various components of a date/time. However, unless one carefully reads and understands these various patterns, it can be tricky to remember the difference between lowercase 'd' for day in the month and uppercase 'D' for day in the year or to remember if it's lowercase 'm' or uppercase 'M' used for months versus minutes. In this post, I look at a simple application written in JavaFX that allows a developer to quickly try arbitrary patterns to see how SimpleDateFormat will render the current date/time given the arbitrary pattern. In theory, a developer could use this simple tool to quickly determine the effect of his or her date/time pattern, but it's really more of an excuse to apply JavaFX.

The code listing below contains the complete JavaFX 2.x-based application
package dustin.examples;

import java.text.SimpleDateFormat;
import java.util.Date;
import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.geometry.Pos;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.control.TextFieldBuilder;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

 * JavaFX application allowing for testing and demonstration of various String
 * formats for date/time.
 * @author Dustin
public class DateTimeStringFormatDemonstrator extends Application
    * Generate the application's main pane.
    * @return Main pane for the application.
   private Pane generateMainPane()
      final VBox vbox = new VBox();
      final TextField dateTimeFormatField =
                                  .promptText("Enter DateFormat")
      final TextField formattedDateField =
                                  .promptText("Date Output Goes Here").build();
      final Button applyButton = new Button("Apply Format");
         new EventHandler<MouseEvent>()
            public void handle(MouseEvent mouseEvent)
                  final SimpleDateFormat sdf =
                     new SimpleDateFormat(dateTimeFormatField.getText());
                  formattedDateField.setText(sdf.format(new Date()));
               catch (Exception ex)
      return vbox;

    * The method overridden from Application for starting the application.
    * @param stage Primary stage.
    * @throws Exception Exceptions throwing during execution of JavaFX application.
   public void start(final Stage stage) throws Exception
      stage.setTitle("JavaFX Date/Time String Format Presenter");
      final Group group = new Group();
      final Scene scene = new Scene(group, 350, 65, Color.DARKKHAKI);

    * Main function for running date/time format JavaFX application.
    * @param arguments Command-line arguments; none expected.
   public static void main(final String[] arguments)

The simple JavaFX 2-based application shown above makes it easy to try out different date/time format patterns to see what SimpleDateFormat will do with each. A series of these used on the evening of Tuesday, 8 May 2012, are shown next. These examples demonstrate several key aspects of using SimpleDateFormat:

  • Uppercase 'M' is used for months while lowercase 'm' is used for minutes.
  • Number of 'M' characters represents month's representation (example: 5, 05, or 'May' for May).
  • Uppercase 'D' is for the number of the day of the year (since January 1) while lowercase 'd' is the number of the day of the month (since May 1 in this case).
  • Two 'y' or 'Y' digits represent 2-digit year, but 3 or 4 'Y' or 'y' digits can be used for a 4-digit year.

The simple example highlighted in this blog post demonstrates the simplicity of JavaFX and provides an example of how JavaFX can provide graphical interfaces to make Java applications more intuitive. As part of this, mouse event handling in JavaFX and the common JavaFX idiom of using builders are both demonstrated. A practical use of this application is to quickly and easily determine the representation that is provided by SimpleDateFormat for a given pattern.

Published at DZone with permission of Dustin Marx, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)



Mike P(Okidoky) replied on Thu, 2012/05/17 - 1:02pm

Kind of Swing-ish with different creation and event handling. What would be the argument of building a UI in Java using JavaFX over Swing ?


Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.