javascript - 使用 Foundation Datepicker 提交日期

标签 javascript jquery datepicker zurb-foundation

JS新手请看这里!

我在提交使用 Foundation Datepicker 从 http://foundation-datepicker.peterbeno.com/ 选择的日期时遇到了一个小问题。 。我查看了 StackOverflow 上已经给出的解决方案,例如 Post form on select with JQuery Datepick ,但我无法找到适合我的情况的...所以如果 js 专家可以回答我的问题,我将非常感激!

这是我的代码:

<form id="SelectRealDate" method='POST' enctype='multipart/form-data'>
    {% csrf_token%}
 <div class="row collapse date" id="dpMonths" data-date-format="mm/yyyy" data-start-view="year" data-min-view="year" style="max-width:200px;">
        <div class="small-2 columns">   
            <span class="prefix"><i class="fi-calendar" style="font-size: 30px;"></i></span>
        </div>
        <div class="small-10 columns">
            <input size="16" type="text" value="02/2012" readonly>  
        </div>
    </div>
</form>

<script type="text/javascript">
$('#dpMonths').fdatepicker({
 onSelect : function (dateText, inst) {
     console.log(5 + 6);
     $('#SelectRealDate').submit();
 }
});
</script>

console.log 并不是很有用,我只是想看看 onSelect 是否正常工作。我真的很想提交日期,因为它会在 django View 中捕获。

最佳答案

尝试使用与提供的示例页面建议类似的内容:

$('#dpMonths').fdatepicker().on('changeDate', function (event) {
    event.preventDefault();
    $('#SelectRealDate').submit();
});

关于javascript - 使用 Foundation Datepicker 提交日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35015091/

相关文章:

Javascript/Jquery 日期选择器

javascript - Bootstrap DatePicker checkin / checkout

javascript - 如何正确地将 js 脚本加载到 html/django 模板中?

javascript - 从 url 调用 dv 时使隐藏的 div 可见

javascript - Jquery建议值不起作用

javascript - 从每个 H4 标签中删除破折号之前的所有内容

javascript - textarea 中的输入不显示为输入的内容

javascript - 如何在 bootstrap onClick 中更改容器 div 的宽度?

javascript - 我如何在 jQuery 中获取类的值?

gwt - 如何使 GWT DatePicker 使用星期一作为一周的第一天?