2012-03-18 62 views
0

Jquery UIの日付ピッカーは予約のためにbook_fromとbook_toの2つのフィールドで使用されています。Jquery UIの日付ピッカーの予約日付(日付範囲)

book_fromに焦点を当てると、book_fromの日付ピッカーに、book_toよりも小さい日付と今日の日付より大きいか等しい日付のみが表示されます。

すなわち

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から04 2012-04-05よりも今日の日付(2012-03-18)より大きく、大きい示し誰もがそれを行う方法を知っている場合は-05)

私が最終的に解決策を見つけた多くの時間をグーグル後..

+1

何を試しましたか?この質問は以前はさまざまな形で回答されていましたが、依存する日付ピッカーの検索を試みましたか? –

+0

解決策を得ました。:) – sujal

答えて

0

を助けてください、それは予約の日付範囲の日付ピッカー:)。私はなっていませんでしたでした私の問題を説明する言葉。ここに解決策があります

$('#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 –

関連する問題