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

Handling date value in datepicker calender widget

本文关键字：日期 小部 选择器 日历 处理      更新时间：2023-09-26

我试图将用户从日历中选择的日期发送到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>

从日历中选择日期后，我可以看到所选的日期警报，单击"确定"后，控件将发送到新页面（/date），但看到以下错误：浏览器（或代理）发送了一个此服务器无法理解的请求。

请建议如何修改代码。我正试图在python代码中捕获这个选定的日期：@app.route（'/date'，methods=['GET'，'POST']）def formval（）：if request.method=="POST"：dateval=request.form['datepick']

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

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