TWebDBDateTimePicker ignores the DisplayFormat of the TField.

WEB TMS WEB Core
1

I've added a TWebDBDateTimePicker in a form. Because I want the DateTime displayed to be in the format 'dd/mm/yyyy', I've changed the property Display format of the TField related to it.

The format of the date is American. mm/dd/yyyy.

version 2.6.0.0

2

It is a characteristic of the browser HTML INPUT date element to use the browser locale to format the date.

3

Sad. Really very sad.

I think you can add to the library a component that allows us to edit or change DateTime values, as Dr. Holger Flick suggests in his book.

A component that shows day, month, year, hour, minutes, etc. separately, given a Date Time value.

4

But the choice of browser makers to let users enter dates in the format that matches their locale is imho the correct choice from a UX perspective.

There are several popular JavaScript date picker libraries available you could use from TMS WEB Core, each offering different features, styles, and levels of customization. Here’s a look at some of the best options:

1. Flatpickr

  • Description: Flatpickr is a lightweight, highly customizable date picker. It supports various date formats, time pickers, and even range selection.
  • Features:
    • Lightweight and fast
    • Themes and extensive customization options
    • Supports date, time, and range selection
    • Mobile-friendly
  • Usage: Often used in both simple and complex web applications due to its flexibility.

2. Pikaday

  • Description: Pikaday is a simple, lightweight, and minimalistic date picker library. It works seamlessly with Moment.js for advanced date manipulation.
  • Features:
    • Lightweight and simple UI
    • Integrates with Moment.js for date formatting
    • Supports custom start and end dates
    • No jQuery dependency
  • Usage: Ideal for projects needing a clean, straightforward date picker.

3. jQuery UI Datepicker

  • Description: The jQuery UI Datepicker is one of the oldest and most reliable date pickers, part of the jQuery UI library.
  • Features:
    • Rich functionality and extensive customization
    • Supports animations and custom date formats
    • Easily integrates into jQuery-based applications
  • Usage: Often used in legacy projects or those already utilizing jQuery.

4. Bootstrap Datepicker

https://bootstrap-datepicker.readthedocs.io/en/latest/

  • Description: This date picker is tailored for Bootstrap-based projects, offering a responsive date picker that blends well with Bootstrap's design language.
  • Features:
    • Supports date and time picking
    • Range selection and auto-close options
    • Customizable themes to match Bootstrap styling
  • Usage: Best suited for Bootstrap-centric projects.

5. Air Datepicker

  • Description: Air Datepicker is a simple, modern date picker library that’s highly customizable and does not require jQuery.
  • Features:
    • Multiple languages and locales
    • Range selection, time picker, and inline mode
    • Lightweight and simple styling
  • Usage: Great for projects needing a flexible, modern date picker without dependencies.