2016-06-17 20 views
0

私は現在の日付を読み込むdatepickerを持っています。しかし、私は、ユーザーが選択した日付が現在の日付より前であるかどうかを判断してメッセージを表示する方法を見つけようとしています。どのように私はこれを達成することができますか?ありがとう!datepickerの現在の日付の前に日付を取得します

function LoadSelectedEvents() 
{ 
    $.ajax({ 
     type: 'GET', 
     url: fullURL, 
     dataType: 'xml', 
     beforeSend: 
      function() { 
       ShowLoading(); 

      }, 
     success: 
      function (xml) { 
       HideLoading(); 

       //bring jquerypaging in 
       $.getScript("../js/jqueryPaging.js"); 

       //initialize our datepicker 
       $("#datepickercalendar").datepicker({ 
        dateFormat: 'DD, MM dd, yy', 
        minDate: 0, 
        onSelect: function (dateText, inst) { 
         var dateAsString = dateText; 
         var dateAsObject = $(this).datepicker('getDate'); 
         $(".easyPaginateNav").empty(); 
         //ajax call on user select 
         $.ajax({ 
          type: 'GET', 
          url: fullURL, 
          dataType: 'xml', 
          beforeSend: function() { 
           ShowLoading(); 
           $("#EventListHeaderDate").empty(); 
           $("#feedContainer").empty(); 
          }, 
          complete: function() { 
           HideLoading(); 
          }, 
          success: function (xml) { 



           //clear results 
           $("#feedContainer").empty(); 
           var index = 0; 

           $("#EventListHeaderDate").text(dateAsString); 

           //find each ITEM and display 
           $(xml).find("item").slice(0, maxItems).each(function() { 

            //find matches based on date 
            var title = $(this).find("title").text(); 
            var itemDate = $(this).find("date").text(); 
            var itemTime = $(this).find("time").text(); 
            //alert(index); 

            if (dateText == itemDate) { 

             $("#feedContainer").fadeIn(); 
             $("#feedContainer").append("<div id='event'>" + "<span id='event-title'>" + title + "</span><br>" + 
                "<span id='event-date'>" + itemDate + "</span><br>" + "<hr></div>" + ""); 


             index++; 
            } 
           }); 

           if (index == 0) { 
            $("#feedContainer").empty(); 
            $("#feedContainer").append("No Events for this Date."); 
           } 


           $("#feedContainer").easyPaginate({ 
            paginateElement: 'div#event', 
            elementsPerPage: 2, 
            effect: 'climb' 
           }); 

           HideLoading(); 

          } 


         }); 

        } 
        //altField: "#EventListHeaderDate" 
       }); //end datepicker initialization 

       var index = 0; 

       //our current date of datepicker in a variable 
       var currentDate = $("#datepickercalendar").datepicker().val(); 
       $('#EventListHeaderDate').text(currentDate); //update header to reflect current (todays) date 

       //parse XML 
       $(xml).find("item").slice(0, maxItems).each(function() { 


        //find matches based on date 
        var title = $(this).find("title").text(); 
        var itemDate = $(this).find("date").text(); 
        var itemTime = $(this).find("time").text(); 



        if (currentDate == itemDate) { 
         index++; 
         //alert(index); 
         $("#feedContainer").fadeIn(); 
         $("#feedContainer").append("<div id='event'>" + "<span id='event-title'>" + title + "</span><br>" + 
                "<span id='event-date'>" + itemDate + "</span><br>" + "</div>" + "<hr>"); 
        } 
       }); 

       if (index == 0) { 
        $("#feedContainer").empty(); 
        $("#feedContainer").append("No Events for this Date."); 
       } 

       //and paginate the results 
       $("#feedContainer").easyPaginate({ 
        paginateElement: 'div#event', 
        elementsPerPage: 2, 
        effect: 'climb' 
       }); 

      }, 
     error: function() { $("#loading").replaceWith("Error: Could not fetch events"); } 

    });  //end first ajax 

} 
+0

は、あなたのHTMLとJavaScriptコード – DanielGatti

+0

を表示しないしたくないと述べたように私は鉱山で心を使っていますが、オフにしてもこれを達成する方法を知りたいと思っています。 – user1721449

+0

ユーザーがデータを選択した入力値を取得し、データが最後であることを確認する関数を作成します –

答えて

0

だけでなく、ユーザーMinDateプロパティを必要がありますが、あなたはので、この htmlコード

<input id='datapicker' value="06/15/2016"> 

Javaスクリプトコード

<script> 

function data_checker(){ 
    var input_data= $("#datapicker").val(); 
    if(Date.parse(input_data)-Date.parse(new Date()) < 0){ 
     alert("data too old"); 
    } 

} 
data_checker(); 
</script> 
+0

入力上でイベントonchangeを呼び出します。ここで動作しています。https://jsfiddle.net/aa7kq637/ –

関連する問題