2012-03-18 141 views
0

我已經在兩個字段,即book_from和book_to預訂使用Jquery UI日期選擇器。Jquery UI日期選擇器與預訂日期(日期範圍)

當我得到book_from比book_to僅少日期焦點和日期大於或等於今天的日期必須在book_from的日期選擇器中。

如果book_from = null且book_to = 2012-04-10

然後book_from日期選擇器,應該只有在今天的日期(2012-03-18)和小於2012更大-04-10(book_to)(連2012-04-10)

,如果我得到重點book_to然後book_to的日期選擇器只有過時的莫過於book_from日期大於今天的日期+更大

如果book_from = 2012-04-05

然後book_to日期選取器只顯示今天的日期(2012-03-18)和大於2012-04-05(甚至更大2012-04 -05)

請幫我,如果有人知道如何做到這一點..

+1

你有什麼試過?這個問題已經以不同的形式回答過了,你是否嘗試過尋找依賴日期選擇器? – 2012-03-18 13:40:53

+0

得到了解決方案.... :) – sujal 2012-03-20 10:13:15

回答

0

google搜索好幾個小時,我終於找到了解決辦法之後,它是預約的日期範圍日期選擇器:)。我不只是讓這個詞來解釋我的問題。這裏是解決方案

$('#book_from, #book_to').datepicker({ 
     minDate: 0, 
     changeMonth: true, 
     changeYear: true, 
     beforeShow: customRange, 
     dateFormat: "yy-mm-dd" 
    }); 
function customRange(input) { 

    if (input.id == 'book_to') { 
     var minDate = new Date($('#book_from').val()); 
     minDate.setDate(minDate.getDate() + 1) 

     return { 
      minDate: minDate 

     }; 
    } 
    else if(input.id == 'book_from') { 
     var maxDate = new Date($('#book_to').val()); 
     maxDate.setDate(maxDate.getDate()-1) 

     return { 
      maxDate: maxDate 

     }; 
    } 

    return {} 

} 
+0

errrrr這裏是一個jsbin,如果這有助於所有http://jsbin.com/beyalol/1/edit?html,css,js,console,output – 2016-09-19 15:36:55

相關問題