0

私はdaterangepicker.jsを使用しています。日付の変更時にgetchart()を呼び出す必要がある日付を変更するときにgetchartメソッドを呼び出す必要があります。誰かがこれを手伝ってくれますか?私のコードは次のとおりです:

$(document).ready(function() {
        $('#dateRangeSelector').daterangepicker(); //textbox id
        var start = Date.today().setTimeToNow(); 
        var end =  Date.today().setTimeToNow();
        var displayValue = start.toString("yyyy/MM/dd") + " - " + end.toString("yyyy/MM/dd");
        $('#dateRangeSelector').val(displayValue);

        var host = '<?=$host ?>'
        var dateRangeSelector = $("#dateRangeSelector").val();
        var dates = dateRangeSelector.split(" - ");
        var value = "'"+dates.join("' , '")+"'";
        var array = value.split(',');
        var startTime = array[0];
        var endTime = array[1];

       $.get(SITE_URL + 'admin/SystemMonitor/charts/getChartsData', {'host' : host,'startTime' : startTime,'endTime' : endTime}, function(response){
            console.log("viewCharts", response);
            obj = response;
            //bootbox.alert(obj.status, obj.label);
            if (obj.status == 'OK') {
                $('.one_half').show();
                showMonitoringServer(host, obj);

            } else {
               show_message('Show Chart Error -' +host, 'Unexpected error occured! Please try again later!', 'error' );
            }
        }, "json");
        });
4

4 に答える 4

0

使用できます

$( "#dateRangeSelector" ).change(function() {
    alert( "Handler for .change() called." );
});

Jquery API も参照できます: http://api.jquery.com/change/

于 2013-09-19T09:14:20.180 に答える
0

ドキュメント自体から、次のことが示されます。

ドキュメントのこのリンクに従ってください

$('#dp5').datepicker().on('changeDate', function(ev){
    if (ev.date.valueOf() < startDate.valueOf()){
         ....
    }
});

したがって、次のようにする必要があります。

$('#dateRangeSelector').datepicker().on('changeDate', function(ev){
    $.get(SITE_URL + 'admin/SystemMonitor/charts/getChartsData', {'host' : host,'startTime' : startTime,'endTime' : endTime}, function(response){
        console.log("viewCharts", response);
        obj = response;
        //bootbox.alert(obj.status, obj.label);
        if (obj.status == 'OK') {
            $('.one_half').show();
            showMonitoringServer(host, obj);

        } else {
           show_message('Show Chart Error -' +host, 'Unexpected error occured! Please try again later!', 'error' );
        }
    }, "json");
});
于 2013-09-19T09:19:30.953 に答える