在djang中使用Datepicker(来自Jquery)

2024-04-24 13:44:24 发布

您现在位置:Python中文网/ 问答频道 /正文

我想在django上使用Datepicker(来自Jquery):

通过“视图.py“我正在从mysql数据库发送一个日期列表。 当用户选择的日期等于我在数据库中的某个日期时,我想显示一条消息。在

我该怎么做?(使用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 %}
 ...............

谢谢。在


Tags: brform数据库trueurluitypejs
1条回答
网友
1楼 · 发布于 2024-04-24 13:44:24

下面是一个有效的例子: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>中的日期的匹配。

^{pr2}$

注意:

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

更新

由于您希望使用AJAX来实现这一点,已经有很多答案实现了类似的功能。

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

相关问题 更多 >