[英]Passing two JQuery Datepicker variables through html form to PHP variables?
我修改了一个jQuery Datepicker,以根据用户选择的日期选择星期范围,并提交名为“ weekDate”的HTML表单onSelect:
$(document).ready(function()
{
var startDate;
var endDate;
var selectCurrentWeek = function() {
window.setTimeout(function () {
$('.week-picker').find('.ui-datepicker-current-day a').addClass('ui-state-active')
}, 1);
}
$('.week-picker').datepicker( {
showOtherMonths: true,
selectOtherMonths: true,
onSelect: function(dateText, inst) {
var date = $(this).datepicker('getDate');
startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay());
endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 6);
var dateFormat = inst.settings.dateFormat || $.datepicker._defaults.dateFormat;
$('#startDate').text($.datepicker.formatDate( dateFormat, startDate, inst.settings ));
$('#endDate').text($.datepicker.formatDate( dateFormat, endDate, inst.settings ));
selectCurrentWeek();
},
beforeShowDay: function(date) {
var cssClass = '';
if(date >= startDate && date <= endDate)
cssClass = 'ui-datepicker-current-day';
return [true, cssClass];
},
onChangeMonthYear: function(year, month, inst) {
selectCurrentWeek();
},
onSelect : function(){
$('#weekDate').submit();
}
});
$('.week-picker .ui-datepicker-calendar tr').live('mousemove', function() { $(this).find('td a').addClass('ui-state-hover'); });
$('.week-picker .ui-datepicker-calendar tr').live('mouseleave', function() { $(this).find('td a').removeClass('ui-state-hover'); });
});
然后,当用户选择日期时,当触发onSelect Datepicker函数时,我有一个名为“ weekDate”的HTML表单来捕获startDate和endDate值:
<form id="weekDate" name="weekDate" action="~" method="post">
<input type="hidden" id="startDate" name="startDate" class="week-picker" />
<input type="hidden" id="endDate" name="endDate" class="week-picker" />
</form>
然后,我有一个PHP页面,希望将#startDate和#endDate的值捕获为POST变量:
$UpWeekStart = $_POST['startDate'];
$UpWeekEnd = $_POST['endDate'];
我的问题:当我尝试回显$ UpWeekStart和$ UpWeekEnd时,输出空白。 请帮忙。
您需要将.text()更改为.val()
$('#startDate').val();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.