Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

Industrial Graphic Editor

Configure a datetime picker animation

  • Last UpdatedAug 30, 2024
  • 2 minute read

The DateTime Picker animation is only used by the DateTime Picker element.

To configure a datetime picker animation

  1. Select the DateTime Picker control element.

  2. On the Special menu, click Edit Animations. The Edit Animations dialog box appears and the DateTime Picker configuration panel appears.

  3. In the Time Reference box, type a Time attribute reference that is to be tied to the selected value at run time.

    You can select when to submit the value changes. For more information, see Submit the value changes.

  4. To set the datetime format, select one of the following from the Format list:

    • Long to show the date and time in the long format of the operating system, for example: Thursday, August 03 2006.

    • Short to show the date and time in the short format of the operating system, for example: 8/3/2006.

    • Time to show just the time in the time format of the operating system, for example: 3:46:09 PM.

    • Custom to specify your own time format. Use the following letters to set the time format:

      h

      One or two-digit hour in 12-hour format.

      hh

      Two-digit hour in 12-hour format. Single digit values are preceded by a zero.

      H

      One or two-digit hour in 24-hour format.

      HH

      Two-digit hour in 24-hour format. Single digit values are preceded by a zero.

      t

      One-letter AM/PM abbreviation ("AM" appears as "A").

      tt

      Two-letter AM/PM abbreviation ("AM" appears as "AM").

      m

      One or two-digit minute.

      mm

      Two-digit minute. Single digit values are preceded by a zero.

      s

      One or two-digit seconds.

      ss

      Two-digit seconds. Single digit values are preceded by a zero.

      d

      One or two-digit day.

      dd

      Two-digit day. Single digit day values are preceded by a zero.

      ddd

      Three-character day-of-week abbreviation.

      dddd

      Full day-of-week name.

      M

      One or two-digit month number.

      MM

      Two-digit month number. Single digit values are preceded by a zero.

      MMM

      Three-character month abbreviation.

      MMMM

      Full month name.

      y

      One-digit year (2001 appears as "1").

      yy

      Last two digits of the year (2001 appears as "01").

      yyyy

      Full year (2001 appears as "2001").

      You can use any other characters, except "g" in the property. These characters then appear at design time and run time in the control.

  5. To restrict the date the user can select at run time, you can specify limits in the:

    • MinDate box - type a lower limit for the date.

    • MaxDate box - type an upper limit for date.

  6. To change the colors of the calendar control that drops down, click in the Calendar Colors area the following color boxes:

    • Month Background

    • Month Trailing Forecolor

    • Title Background

    • Title Foreground

    The Select FillColor dialog box appears and you can select a solid color.

TitleResults for “How to create a CRG?”Also Available in