[英]Ajax post with jQuery datepicker not showing date
我的表单中有一个日期选择器,我想用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');
}
});
});
您可以在该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
元素提交。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.