Question

我正在使用Bootstrap Datepicker，并且我想在选择新日期时提交带有新日期值的表单 - 所以没有提交按钮。

我的表单HTML是：

<form id="date-form" method="post" action="" accept-charset="utf-8" >
<input data-date-autoclose="true" data-date-start-view="months" data-date-format="M yyyy" data-date-min-view-mode="months" type="text" id="date-input" />

我发布表单确定：

$('#input-date')
    .datepicker()   
    .on('changeDate', function(){
        $('#date-form').submit();
});

但是我需要获取新的日期值，所以请：

$('#input-date')
    .datepicker()   
    .on('changeDate', function(e){

        $('#date-form').submit(function() {

            var date = $('#input-date').val();

            $.post("my-page", function() {
                alert("success with posting " + date);
            });

             // even if I just have console.log("worked"); in here it wont log

        });
});

使用上面的代码，根本不会发出POST请求。正如我所提到的，我也无法写入控制台。

如何才能让表单发布？

Answer 1

您提交表单的第一个示例。

您要为submit事件分配函数的第二个示例。它不会提交表格。你必须打电话给.trigger（“提交”）;执行它。

我想你只想要

$('#input-date')
    .datepicker()   
    .on('changeDate', function(e){    
        var date = $('#input-date').val();    
        $.post("my-page", function() {
            alert("success with posting " + date);
        });
    });

Answer 2

在Datepicker更新输入值

后，将调用

CentOS-Base.repo

setTimeout

为什么.submit（）无法使用Bootstrap Datepicker处理changeDate？

2 个答案: