Jquery UI datepicker로 날짜 범위 드롭 다운

Question

날짜 범위를 빨리 선택할 수있는 드롭 다운 메뉴가 필요합니다. 예를 들어 '지난 주', '지난 달', '지난 3 개월'등입니다. 그런 종류의 물건. 이 중 하나를 선택하면 선택 항목의 시작 날짜와 종료 날짜가있는 2 개의 텍스트 상자가 채워집니다. JUI datepicker로 몇 가지 시도했지만 구글 후 그것은 그것을 할 방법이 아닌 것 같습니다.

도움을 주시면 감사하겠습니다.

감사합니다.

Answer 1

비슷한 것을했지만 라디오 버튼이 있습니다. 희망이 도움이 :

function prevMonth(dt){ 
    var thisMonth = dt.getMonth(); 
    dt.setMonth(thisMonth-1); 
    if(dt.getMonth() != thisMonth-1 && (dt.getMonth() != 11 || (thisMonth == 11 && dt.getDate() == 1))) 
     dt.setDate(0); 
    return dt; 
} 

:

function reset_last_checkboxes() { 
     $("#export_last_month").attr("checked", false); 
     $("#export_3_last_months").attr("checked", false); 
     $("#export_last_year").attr("checked", false); 
    } 
    var date_format = "DD, d MM, yy"; 
    $("#id_from_date").attr("readonly", "readonly"); 
    $("#id_till_date").attr("readonly", "readonly"); 
    $("#id_from_date").datepicker(); 
    $("#id_till_date").datepicker(); 
    $("#id_from_date").change(function() { 
     $("#id_from_date").datepicker("option", "dateFormat", date_format); 
    }); 
    $("#id_till_date").change(function() { 
     $("#id_till_date").datepicker("option", "dateFormat", date_format); 
    }); 
    $("#id_from_date").click(function() { 
     reset_last_checkboxes(); 
    }); 
    $("#id_till_date").click(function() { 
     reset_last_checkboxes(); 
    }); 
    $("#id_till_date").val(format_date(new Date(now))); 
    $("#export_last_month").click(function(){ 
     var dt = new Date(now); 
     $("#id_till_date").val(format_date(dt)); 
     $("#id_from_date").val(format_date(prevMonth(dt))); 
    }); 
    $("#export_3_last_months").click(function(){ 
     var dt = new Date(now); 
     $("#id_till_date").val(format_date(dt)); 
     $("#id_from_date").val(format_date(prevMonth(prevMonth(prevMonth(dt))))); 
    }); 
    $("#export_last_year").click(function(){ 
     var dt = new Date(now); 
     $("#id_till_date").val(format_date(dt)); 
     for (var i=0;i<12;i++) { 
      dt = prevMonth(dt); 
     } 
     $("#id_from_date").val(format_date(dt)); 
    }); 

당신은 항상 드롭 다운 메뉴를 내 라디오 버튼을 교체하고 그런데 :

나보다이 코드를 더 잘 쓸 수 prevMonth 나는 이런 식으로 계산