jQuery를 : 날짜 범위 선택기 :

Question

그래서 나는이 선택기를 새로 고침 페이지 날짜 선택기를 선택하고 페이지를 다시로드 한 후 선택한 날짜를 유지 한 후 :

http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

http://www.filamentgroup.com/examples/daterangepicker_v2/

내가 원하는 데모 datepicker를 선택한 후 페이지를 새로 고치고 페이지를 다시로드 한 후 선택한 날짜를 유지합니다. 난 seach 해결하고 내 코드에 적용됩니다. 그러나 여전히 동일합니다.

이 부분적으로 내 코드

에 대한

 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <title>Themeroller-Ready jQuery UI Range Picker</title> 
    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script> 
    <script type="text/javascript" src="js/daterangepicker.jQuery.js"></script> 
    <link rel="stylesheet" href="css/ui.daterangepicker.css" type="text/css" /> 
    <link rel="stylesheet" href="css/redmond/jquery-ui-1.7.1.custom.css" type="text/css" title="ui-theme" /> 
    <script type="text/javascript"> 
     $(function(){ 
       $('input').daterangepicker({ 
        arrows:true 
       }); 

     }); 

    </script> 

정말 감사 뵙죠 내 문제를 해결. : D

Answer 1

왜 페이지를 새로 고친 후 데이터를 유지해야하는지 이해할 수 없지만 가장 좋은 방법은 쿠키를 사용하여 문제를 해결하는 것입니다.

이렇게하면 datepicker 입력 텍스트 상자에 첨부 된 이벤트 처리기 (예 : onchange)를 사용해야합니다.

<input type="text" onchange="setCookie();" name="datepicker"> 

이렇게하면 사용자가 데이터를 변경할 때마다 (예 : 날짜 선택) javascript 함수 setCookie가 호출됩니다. 이 함수는 쿠키를 설정하여 선택한 날짜를 저장해야합니다 (example).

일단 쿠키 세트가 있으면 쿠키에 마지막으로 저장된 값으로 입력이 미리 입력되어 있는지 확인해야합니다. 이는 쿠키 (example)를 읽고 value="" 태그 또는 jQuery $("input").val("")을 통해 입력 값을 설정하는 것을 의미합니다.