在 django 中使用 Datepicker（来自 Jquery）

Question

我想以这种方式在 django 上使用 Datepicker（来自 Jquery）：

通过“views.py”，我从 mysql DB 发送日期列表。 当用户选择的日期等于我在数据库中的日期之一时，我想显示一条消息。

我怎样才能做到这一点？ （使用 Django、Jquery 和 AJAX）

到目前为止我的代码：

{% block head %}

<link href="{{STATIC_URL}}css/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="{{STATIC_URL}}js/jquery1.min.js"></script>
<script src="{{STATIC_URL}}js/jquery-ui.min.js"></script>


<script>
$(function() {
    $( "#datepicker" ).datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        dateFormat: 'dd/mm/yy',
        changeMonth: true,
        changeYear: true,
    });
    date = $( "#datepicker" ).datepicker('getDate');
});
</script>

{% endblock %}

{% block body_block %}

<br/><br/><br/><br/><br/><br/><br/>
<form id="form" name="form" action="/home/" method="get">
    <label>Choose Date</label>
    <br/>
    <input style="color:black" id="datepicker"/>
    <br/><br/>
</form>

{% for date in dates %}
 ...............

谢谢。

Answer 1

这是一个工作示例： http://jsfiddle.net/njsmu356/

将所有日期添加到 div 并将其隐藏。

<div id="dateDiv" style="display:none;">
    <ul id="dates">
        {% for date in dates %} 
            <li>date</li> 
        {% endfor %}
    </ul>
</div>

然后使用 jQuery 查找所选日期与 <li> 中的日期的匹配。

    $('#datepicker').change(function() {
        // Get the value of date field
        var dateValue = $('#datepicker').val();

        // Make and empty list
        var dateList = [];

        // Append all dates from <li> to dateList
        $("#dates li").each(function() {
            dateList.push($(this).text()); 
        });

        // Perform the match    
        if ($.inArray(dateValue, dateList  ) > -1) {
            alert("Date matched!!!");
        } else {
            alert("Sorry. Try again.");
        }
    });

注意：

确保所选日期的格式与您从视图中发送的日期格式相同。您可能还需要验证日期的输入值。一些 jQuery 表单验证插件会有所帮助。

更新

既然你想用 AJAX 来做这件事，已经有很多答案可以完成类似的功能。

1. Django: ajax response for valid/available username/email during registration
2. AJAX username validation in Django
3. And a lot here