TryCF Gist

trycf-gist-1774509594726-ecb4555d-89be-5234-171f-1fd4aa5b5369.cfm

<!---<cfinput type="date" name="endDate" id="endDate" required="no" mask="MM/dd/yyyy" class="dateField">--->
    
    <!---<cfinput name="stDate" type="datefield" label="date:" mask="mm/dd/yyyy"/>--->
    
    <!---<cfcalendar name="myDate" value="#now()#">--->
    
     <input type="date" name="myDate" value="#dateFormat(now(),'yyyy-mm-dd')#">
     


<tr>
    <td>Start Date:</td>
    <td>
        <input 
            type="date" 
            name="startDate" 
            id="startDate"
            style="width: 200px;"
            autocomplete="off"
        >
    </td>
</tr>

<br><br><br>

<tr>
    <td>Start Date:</td>
    <td>
        <input type="text" id="startDate" name="startDate" style="width:200px;" autocomplete="off">
    </td>
</tr>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<script>
flatpickr("#startDate", {
    dateFormat: "m/d/Y",
    allowInput: true
});
</script>

<br><br><br>

<input type="text" id="startDate" name="startDate" style="width:200px;" autocomplete="off">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<script>
flatpickr("#startDate", {
    dateFormat: "m/d/Y",
    allowInput: true,
    disableMobile: true
});
</script>