2012-01-17 23 views
5

我在這個新的,我真的需要你的幫助,因爲我一直在掙扎了天,這... 我想和日期選擇器選擇的兩個日期間計算天。我在正確的軌道上,或者我是否完全錯誤?我所知道的是,當我點擊天數時,它不顯示任何東西。這裏是我的代碼jQuery的日期選擇器 - 計算的時間差

<!DOCTYPE html> 
    <html> 
    <head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
     <script> 
     $(document).ready(function() { 

      $("#datepicker").datepicker({ minDate: "01/07/2012", maxDate: "01/30/2012" }); 

      $("#datepicker1").datepicker({ beforeShow: setminDate }); 

      var start1 = $('#datepicker');  
      function setminDate() {   
       var p = start1.datepicker('getDate');   
       if (p) { 
        var k ="01/30/2012";    
        return { 
        minDate: p, 
        maxDate:k 
       }};   
      }   
      function clearEndDate(dateText, inst) {   
       end1.val('');  
      } 
     }); 
    $(function() { 
     $("#datepicker1").datepicker({ dateFormat: 'mm/dd/yyyy' }); 
     $("#datepicker").datepicker({ dateFormat: 'mm/dd/yyyy' }); 
    }); 
    $('button').click(function() { 
     var start = $('#datepicker1').datepicker('getDate'); 
     var end = $('#datepicker').datepicker('getDate'); 
     var days = (end - start)/1000/60/60/24; 
     alert(days); 
    }); 
    </script> 
    <body> 
    <form> 
     from: 
     <input id="datepicker" readonly='true'/><br> 
     to: 
     <input id="datepicker1" readonly='true'/><br> 
    </form> 
     <br><button>number of days</button> 

    </body> 
    </html> 
+0

首先糾正腳本包含的訂單頁面上首先是'jquery.js'應被包括在其他js文件/ lib使用jquery – Rafay 2012-01-17 21:00:37

+0

是開始和結束獲取值?他們是日期還是整數?任何地方的例外? – elijah 2012-01-17 21:01:08

回答

12

進行此更改後爲我工作

var start = $('#datepicker').datepicker('getDate'); 
    var end = $('#datepicker1').datepicker('getDate'); 
    var days = (end - start)/1000/60/60/24; 
    alert(days); 

的jsfiddle:http://jsfiddle.net/diode/L2et3/3/

+0

我可以在您的鏈接上看到這對您有用,但是當我將其完全複製到我的文檔時,它不會。我應該改變beetween 和$(文件)。就緒(函數()的一部分嗎? – user1154830 2012-01-18 16:43:58

+0

你看到在Firebug的任何錯誤? – Diode 2012-01-18 17:08:51

+0

我看到這個警告event.layerX和event.layerY斷了,在WebKit的過時了。他們會在不久的將來從引擎中刪除 – user1154830 2012-01-18 18:29:13