2017-05-11 17 views
0

私はjqueryが新しく、datepickerの問題を解決しようとしています。Jquery datepickerの範囲の問題

基本的には、fromとto dateを選択することで、xmlファイルからアイテムを表示することができます。

私のAJAX呼び出しがこの

 function getSelectedItems(){ 
     $.ajax(
      { 
       url: 'myUrl', 
       type: 'GET', 
       dataType: 'xml', 
       async: false, 
       success: parseXml 
      }); 
     } 

のように見え、parseXMLは私がこれを考え出すことができます。この

function parseXml(xml) 
     { 
      $(xml).find('item').each(function() 
      { 
       $(".my-calendar").append($(this).find('title').text() + "<br />"); 
       $(".my-calendar").append($(this).find('pubDate').text() + "<br />"); 
      }); 
     } 


$(document).ready(function() { 


      $('#date_start').datepicker({ dateFormat: 'yy-mm-dd' }); 

      $('#date_end').datepicker({ 
       dateFormat: 'yy-mm-dd', 

      }); 


      $('.btn-search').click(function (event) { 

      }); 
     }); 
    }); 

誰でも、のように見えますか?

+0

あなたは、いくつかのより多くの情報を提供していただけます。日付ピッカーから日付範囲を選択しようとしていますが、これらの日付はajax経由でペイロード/ URLリクエストにサーバーに送信され、日付範囲でフィルタリングされたxmlレコードが返され、それらのレコードが表示されます。 – Woodrow

+0

@Woodrow、はい、選択したい、11-05-2017から30-05-2017までの日付を指定できます。その日付の間にすべての項目が表示されます。 – user993074

+0

さて、この記事を見て、あなたが探しているものに答えるようです:http://stackoverflow.com/questions/14995464/how-use-ajax-post-when-datepicker-change-date、そして投稿からリンクされたJSFiddleをチェックしてください:http://jsfiddle.net/ner53k8k/ – Woodrow

答えて

0

日付範囲を使用しているため、代わりにdaterangepickerを使用することをおすすめします。触発されたコードの上

$('#date_range').daterangepicker({ 
    "startDate": "01/01/2017", 
    "endDate": "02/01/2017" 
}, function(start, end, label) { 
    $.ajax({ 
     url: "myUrl", 
     method: "GET", 
     dataType: 'xml', 
     data: { 
      from: start.format('YYYY-MM-DD'), 
      to: end.format('YYYY-MM-DD') 
     }, 
     success: parseXml 
    }); 
}); 

https://stackoverflow.com/a/38615044/2777988

関連する問題