帶有jQuery datepicker的Ajax發布未顯示日期

Question

我的表單中有一個日期選擇器，我想用ajax調用發布表單數據。 我的問題是該表單無法獲取從日期選擇器中選擇的日期。

以下是指向日期選擇器使用的主題的鏈接： http ://wrapbootstrap.com/preview/WB00U99JJ

這是表單中datepicker的html：

<div id="datepicker-inline" name="date"></div>

這是我的ajax帖子

$('#submit').on('click', function() {
    var form = $('form');
    var date = $('#datepicker-inline');
    $.ajax('/api/service', {
        type: 'POST',
        contentType: 'application/json',
        dataType: 'json',
        data: form.serializeArray(),
        success: function(response) {
            console.log("Success!");
            $('#status').addClass('status-bar-success');
        },
        error: function() {
            console.log('OH NOES!');
            console.log(form.serializeArray());
            console.log(date.val());
            $('#status').addClass('status-bar-error');
        }
    });
});

我在控制台中運行以查看得到的結果。 form.serializeArray（）正在工作，date.val（）獲取選定的日期。 我的問題是如何將日期值放入form.serializeArray（）？

*更新*

html

<div id="datepicker-inline"></div>
<input type="text" id="date_hidden" name="date added" class="no_show"/>

阿賈克斯

$('#submit').on('click', function() {
    var form = $('form');
    var date = $('#datepicker-inline').val();
    $('#date_hidden').val(date);
    $.ajax('/api/service', {
        type: 'POST',
        contentType: 'application/json',
        dataType: 'json',
        data: form.serializeArray(),
        success: function(response) {
            console.log("Success!");
            $('#status').addClass('status-bar-success');
        },
        error: function() {
            console.log('OH NOES!');
            console.log(form.serializeArray());
            console.log(date);
            $('#status').addClass('status-bar-error');
        }
    });
});

Answer 1

您可以在該div旁邊有一個hidden元素，因為它沒有任何input元素。

<div id="datepicker-inline" name="date"></div>
<input type="hidden" id="datepicker-inline_hidden" name="date"/>

在提交中，您可以做

$('#submit').on('click', function() {
    var form = $('form');
    var date = $('#datepicker-inline');
    $('#datepicker-inline_hidden').val(date);
    //... your code

這樣您的日期值將作為hidden元素提交。