0

Tenho um Datepicker bootstrap conforme abaixo, e tenho um botão que deve passar a data selecionada no datepicker para o Servlet que vai utilizar esta data como parâmetro para uma busca no mysql. Como posso passar esta data para o Servlet? Já tentei com vários exemplos que encontrei na web,mas sem sucesso.

Botão:

<img src="IMG/check.png" style="cursor:pointer" onclick="UpdateGrafico();" />

Datepicker:

<!--datepicker1 -->
   <div class="container" style="width: 100%; 
        margin: 0.5em auto; 
        padding: 1em;
        border: 1px solid greenyellow; 
        border-radius: 0.5em">
    <div class="row">
        <div class='col-sm-3' style="margin-left:10px;">
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1' >
                    <input type='text' class="form-control" id="d"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div> 

        <img src="IMG/check.png" style="cursor:pointer" onclick="UpdateGrafico();" />
        <script type="text/javascript">
            $i(function () {
                $i('#datetimepicker1').datetimepicker({
         format: 'DD/MM/YYYY HH:mm'
    });

            });
        </script>

    </div>
</div>
<!--datepicker1 -->
6
  • Você quer passar via AJAX?
    – GeekSilva
    Commented 12/07/2017 às 3:26
  • Sim via ajax...
    – Jow
    Commented 12/07/2017 às 4:02
  • Você já deve ter criado o servlet, então basta que você envie a informação desejada para a url do servlet. Lá no servlet você pode usar um request.getParameter
    – GeekSilva
    Commented 12/07/2017 às 4:37
  • Sim já tenho o Servlet, mas não consigo passar esses parâmetro da data para ele.
    – Jow
    Commented 12/07/2017 às 12:53
  • Como está aquela função que você colocou ali no onclick?
    – GeekSilva
    Commented 13/07/2017 às 12:59

1 Resposta 1

0
function UpdateGrafico(){

   document.getElementById("loading").style.display = "block";      
       var queryObject="";
       var queryObjectLen="";  
       var processed_json = new Array(); 
       var processed_temp = new Array();
    $j(function () {

                //---------------------

      $j.ajax({  
     data: "",  
     dataType: 'json',  
     url: './GetValores',  
     type: 'POST',  
     success: function(data){  

          queryObject = eval('(' + JSON.stringify(data) + ')');
          queryObjectLen = queryObject.jsonArray.length;


   for(var i=0; i < queryObjectLen;i++){ 

                    var corrente = queryObject.jsonArray[i].valorCorrente;
                    var id = +new Date(queryObject.jsonArray[i].pk);
                    var tmp = queryObject.jsonArray[i].temp;




                    processed_json.push([id, corrente]);  
                    processed_temp.push([id,tmp]);

                }

                //alert(ini);
                //alert(fim);
               if(queryObjectLen === 0){
                    alert("Sem dados para o período pesquisado!");
                }

                //---------------------
                     Highcharts.setOptions({global: { useUTC: false } });     
                    // draw chart

                    $j('#container').highcharts({

                    chart: {
                        type: "spline",
                        zoomType: 'x',
                        backgroundColor: '#d8f5ac'
                    },
                    title: {
                        text: "Current data"
                    },                    
                    xAxis: {
                        type: 'datetime',
                        // max :ini /** Date in timestamp for the end the day */,
                        // min : fim/** Date in timestamp for the beginning the day */,
                        //categories: 'datetime',

                        allowDecimals: true,
                        tickInterval: 3600 * 1000,
                        dateTimeLabelFormats: {
            day: '%d/%b '

        },

                        title: {
                            text: null
                        }

                    },
                    yAxis: {
                        title: {
                            text: "Value (A)"
                        }
                    },
                    plotOptions: {
            series: {
                turboThreshold: 0, //libera para plotar mais de 1000 pontos no chart

            }
        },

                    series: [{
                    name: 'Valor de corrente',
                        data: processed_json,
                        color: '#FF0000'
                    },{
                        name: 'Temperatura',
                        data: processed_temp   
                    }

            ]


                }); 
             document.getElementById("loading").style.display = "none";//oculta div de loading
           //----------
            },  

     error: function() {  

       alert("Ocorreu um erro na requisição ajax");  
     }  
   });
           //----------

        });
    }

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .