2014-05-09 2 views
0

제가Jquery에서 두 개의 datepickers에서 날짜를 선택하도록 사용자를 제한하는 방법은 무엇입니까?

입력 상자 일자 가정 입력 박스를 클릭하여 화상 2 클릭 두 날짜 선택기 옵션 1))를 구비하고 현재의 onclick 난을 개방하고 하나 개의 이미지, 16-05-2014이고 거기 datepicker 내가 이전 날짜를 선택에서 사용자를 제한해야합니다

최대 15-15-2014 일 좋아해요. 나는 해제해야합니다.

$(function() { 
    $("#travel_date").datepicker({ 
     dateFormat: "dd-mm-yy", 
     changeYear: true, 
     changeMonth: true, 
     numberOfMonths:[1,2], 
     minDate: new Date(), 
     onClose: function(selectedDate) { 
     $("#return_on").datepicker("option", "minDate", selectedDate); 
     } 
    }).attr('readonly','readonly'); 
    if($("#travel_date").val() == ""){ 
     $("#travel_date").val($.datepicker.formatDate("dd-mm-yy", new Date())); 
    } 
$("#return_date").datepicker({ 
    buttonImage: "/assetsweb/plus.png", 
    buttonImageOnly: true, 
    //title: true, 
    changeMonth: true, 
    changeYear: true, 
    showOn: 'both', 
    dateFormat: "dd-mm-yy", 
    setDate: new Date(), 
    numberOfMonths:[1,2], 
    minDate: new Date(), 
    onSelect: function(dateText) { 
    $('#return_on').val(dateText); 
    $('#modify_search_form').submit(); 
    // $("#return_date").datepicker("option","tDate", selected) 
    } 
    }); 
}); 

입력 상자에 날짜가 이전 페이지에서 선택되며 지금은 이미지를 클릭하면 간단한 날짜 선택 도구가 비활성화 날짜없이 나타납니다.

+0

[jQuery UI 2 datepickers 및 범위 선택] 가능한 중복 (http://stackoverflow.com/questions/11901224/jquery-ui-2-datepickers-and-range-selection) – Abhitalks

+0

Dupe : http : // stackoverflow .com/questions/11901224/jquery-ui-2-datepickers-and-range-selection – Abhitalks

+0

입력 상자에없는 이미지의 onclick에있는 하나. – user3410226

답변

0

정확하게 이해하면 초기 날짜는 이전 페이지에서부터옵니다. datepicker와 날짜

  1. 보기는하지만, 사용자가 실수로 변경되지 않도록 장애인을 유지 :

    당신이 할 수있는 일은이다.

  2. 이미지 버튼을 사용하여 두 번째 날짜 입력에 datepicker을 연결하십시오.
  3. 첫 번째 날짜 입력 datepicker에 의해 반환 된 날짜로 minDate을 지정하십시오.

HTML 예 :

<!-- This input holds the date coming from previous page --> 
<input id="oldDate" value="2014-05-16" disabled="disabled" /> 


<!-- This input holds the new date which is selected by user --> 
<input id="newDate" /> 

JQuery와 코드 예제 :

// Attach datepicker to the input which holds the date from previous page 
$("#oldDate").datepicker({ dateFormat: "yy-mm-dd" }); 

// Attach datepicker to the second date input 
$("#newDate").datepicker({ 
    showOn: "button", 
    buttonImage: "... your image...", 
    buttonImageOnly: true, 
    dateFormat: "yy-mm-dd", 
    minDate: $("#oldDate").datepicker("getDate") // set it to date returned by first dp 
}); 

데모 : http://jsfiddle.net/abhitalks/D69e9/

희망 직업에 충분하다 이 문제를 어떻게 해결할 수 있는지에 대한 지침을 알려주십시오.

+0

감사합니다. – user3410226

관련 문제