Como passar parametro para o controller

Front-end JavaScript
#1

Estou tentando passar um parâmetro para o Controller:

HTML:

<div class="col-sm-2 form-group"   >
			<label for="dataPlantao" class="control-label">Data Plantão</label>
			<div class="input-group" >
				<input id="dataPlantao" type="date" name="dataPlantao" class="form-control js-seta-data-plantao" 
				th:field="*{dtPlantao}"/>
				<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
			</div>	
		</div>

Javascrtipt

var JS = JS || {};

JS.SetaDataPlantao = (function() {
	
	function SetaDataPlantao() {
		this.setaDataPlantaoInput = $('.js-seta-data-plantao');
		this.inputDataPlantao = $('#dataPlantao').val();
		this.emitter = $({});
		this.on = this.emitter.on.bind(this.emitter);
	}
	
	SetaDataPlantao.prototype.iniciar = function() {
		this.setaDataPlantaoInput.on('change', onDataPlantaoAlterado.bind(this));
	}
	
	function onItemSelecionado() {
		this.emitter.trigger('change', this.inputDataPlantao);
	}
	
	function onDataPlantaoAlterado(evento) {
		var resposta = $.ajax({
			url: 'dataplantao',
			method: 'POST',
			data: {
				dataPlantao : this.inputDataPlantao
			}
		});
		resposta.done();
	}
		
	return SetaDataPlantao;
	
}());

$(function() {
	var setaDataPlantao = new JS.SetaDataPlantao();
	setaDataPlantao.iniciar();
});

Controller

@PostMapping("/dataplantao")
public ModelAndView setarDataPlantao(String dataPlantao) throws ParseException {
	
	System.out.println(dataPlantao);
	Integer i = 24;
	qtdHoras = Long.valueOf(i.longValue());
	return new ModelAndView("redirect:/plantoesextras/novo");
}

alguém poderia ajudar?

#2

Bom dia

esqueci de falar que o método é executado mas o parâmetro aparece assim “”

Muito obrigado

#3

Consegui resolver:

function onDataPlantaoAlterado(evento) {
	var resposta = $.ajax({
		url: 'dataplantao',
		method: 'POST',
		data: {
			dataPlantao : this.inputDataPlantao.val()
		}
	});
	resposta.done();
}

Colocando assim this.inputDataPlantao.val()

Muito obrigado

#4