javascript - 处理日期选择器日历小部件中的日期值

Question

我正在尝试将用户从日历中选择的日期发送到 python，但我看到错误。要求是用户从日历中选择一个日期-->将选定的日期发送到python-->SQL查询使用该日期从数据库检索结果-->在网页上将结果显示给用户。

    $(function() {
    $( "#datepick" ).datepicker();
    });
    $(document).on("change", "#datepick", function () {
    var newdate= $("#datepick").datepicker({ dateFormat: "dd-mm-yy"}).val(); 
    alert(newdate);
    $("#submitdate").submit();
    });

这是我正在使用的表格:

    <form id="submitdate" action="/date" method="POST">
    <b>Date:</b> <input type="text" id="datepick" placeholder="Select Date">
    </form>

从日历中选择日期后，我可以看到所选的日期警报，一旦我单击“确定”，控件就会发送到新页面(/日期)，但会看到以下错误:浏览器(或代理)发送该服务器无法理解的请求。

请建议如何修改代码。我试图在 python 代码中捕获这个选定的日期: @app.route('/date',methods=['GET','POST']) def formval(): 如果 request.method=='POST': dateval = request.form['datepick']

Answer 1

输入元素必须具有名称属性才能包含在提交请求中:

<form id="submitdate" action="/date" method="POST">
<b>Date:</b> <input type="text" id="datepick" name="datepick" placeholder="Select Date">
</form>