Jquery 如何设置表单提交日期

问题：当我单击日历中的某个日期时，该日期将设置为指定的日期。当我在日期之外（表单上的任何其他位置）单击时，它将默认返回到今天的日期，并且在浏览器控制台中，我可以看到HTML值被设置为今天的日期。提交表单后，日志也会作为当前日期返回

如何设置JS来设置提交表单和在日历外单击的日期

JS:

HTML:

function set_date() {
    var end_date = $('#nonRecurDateCalendar').val;
    return end_date
} 

<td>    
    <input type="date" style="width:100px;" name="payoff_date" value="[DATE_REPLACE]" id="nonRecurDateCalendar" class="dateedit" onChange="checkforerror()">
            <script type="text/javascript">
                webcalendar_init("nonRecurDateCalendar","[DATE_REPLACE]");
            </script>
            <input type="button" value="Calculate Payoff" name="calc_payoff" id="calc_payoff" onclick="return checkForm();"  [SUBMIT_DISABLE_REPLACE] />
</td>

#build min and max dates.
try:
    days_offset = int(step_obj.p_data.path_config_data['days_offset'])
except:
    days_offset = 30
step_obj.p_data.max_date = (datetime.date.today()+datetime.timedelta(days=days_offset))
step_obj.p_data.max_date_str = step_obj.p_data.max_date.strftime('%Y-%m-%d')

step_obj.p_data.min_date = datetime.date.today()
step_obj.p_data.min_date_str = step_obj.p_data.min_date.strftime('%Y-%m-%d')

if 'payoff_date' not in step_obj.p_data.validated_form_data:
    step_obj.p_data.form_date = step_obj.p_data.min_date_str
    step_obj.write_line(["DEBUG PAYOFF Min DATE:", step_obj.p_data.min_date_str])
else:
    step_obj.p_data.form_date = step_obj.p_data.validated_form_data['payoff_date']
    step_obj.write_line(["DEBUG PAYOFF DATE:",
        step_obj.p_data.validated_form_data['payoff_date']])