Date And Time List Of Format html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Time Format Dropdown</title>
</head>
<body>

<h2>Select a Date Format</h2>

<select id="dateFormatDropdown">
    <option value="YYYY-MM-DD">YYYY-MM-DD (2024-11-09)</option>
    <option value="MM/DD/YYYY">MM/DD/YYYY (11/09/2024)</option>
    <option value="DD-MM-YYYY">DD-MM-YYYY (09-11-2024)</option>
    <option value="DD/MM/YYYY">DD/MM/YYYY (09/11/2024)</option>
    <option value="MMM DD, YYYY">MMM DD, YYYY (Nov 09, 2024)</option>
    <option value="DD MMM YYYY">DD MMM YYYY (09 Nov 2024)</option>
    <option value="YYYY.MM.DD">YYYY.MM.DD (2024.11.09)</option>
    <option value="YYYY/MM/DD">YYYY/MM/DD (2024/11/09)</option>
    <option value="MM-DD-YYYY">MM-DD-YYYY (11-09-2024)</option>
    <option value="YYYY-MM-DDTHH:mm:ssZ">YYYY-MM-DDTHH:mm:ssZ (2024-11-09T00:00:00Z)</option>
    <option value="DD/MM/YY">DD/MM/YY (09/11/24)</option>
    <option value="MM-DD-YY">MM-DD-YY (11-09-24)</option>
    <option value="YY/MM/DD">YY/MM/DD (24/11/09)</option>
</select>

<h2>Select a Time Format</h2>

<select id="timeFormatDropdown">
    <option value="HH:mm">HH:mm (24-hour format, e.g., 14:30)</option>
    <option value="hh:mm A">hh:mm A (12-hour format, e.g., 02:30 PM)</option>
    <option value="hh:mm a">hh:mm a (12-hour format, e.g., 02:30 pm)</option>
    <option value="HH:mm:ss">HH:mm:ss (24-hour format, e.g., 14:30:15)</option>
    <option value="hh:mm:ss A">hh:mm:ss A (12-hour format, e.g., 02:30:15 PM)</option>
    <option value="hh:mm:ss a">hh:mm:ss a (12-hour format, e.g., 02:30:15 pm)</option>
    <option value="HH:mm Z">HH:mm Z (24-hour format with timezone, e.g., 14:30 UTC)</option>
    <option value="hh:mm A Z">hh:mm A Z (12-hour format with timezone, e.g., 02:30 PM UTC)</option>
    <option value="hh:mm a Z">hh:mm a Z (12-hour format with timezone, e.g., 02:30 pm UTC)</option>
    <option value="HH:mm:ss.SSS">HH:mm:ss.SSS (24-hour format with milliseconds, e.g., 14:30:15.123)</option>
    <option value="hh:mm:ss.SSS A">hh:mm:ss.SSS A (12-hour format with milliseconds, e.g., 02:30:15.123 PM)</option>
    <option value="hh:mm:ss.SSS a">hh:mm:ss.SSS a (12-hour format with milliseconds, e.g., 02:30:15.123 pm)</option>
    <option value="HH:mm:ss.SSS Z">HH:mm:ss.SSS Z (24-hour format with milliseconds and timezone)</option>
    <option value="hh:mm:ss.SSS A Z">hh:mm:ss.SSS A Z (12-hour format with milliseconds and timezone)</option>
    <option value="hh:mm:ss.SSS a Z">hh:mm:ss.SSS a Z (12-hour format with milliseconds and timezone)</option>
</select>

</body>
</html>