JQuery : 선택 값이 변경되면 날짜 선택 기능 간 변경

Question

선택 목록과 두 개의 텍스트 상자가있는 페이지가 있습니다. 텍스트 상자는 JQuery와 JQuery UI Datepicker에 연결됩니다. 사용자가 선택 목록에서 옵션을 선택하거나 특정 기능을 사용하거나 다른 옵션을 선택하면 다른 기능이 사용되도록 텍스트 상자의 기능을 변경할 수있는 방법이 필요합니다.

뭔가 같은 :

$(document).ready(function(){ 
    $('#dates').change(function(){ 
     var value = $(this).val(); 
     if (value.indexOf('1') >= 0){ 
     $(function() { 
      $('#datepicker_start').datepicker({ 
        changeMonth: true, 
        changeYear: true, 
        dateFormat: 'yy-mm-dd' 
        }); 
      $('#datepicker_end').datepicker({ 
        changeMonth: true, 
        changeYear: true, 
        dateFormat: 'yy-mm-dd' 
       }); 
      }); 
     } else { 
      $(function() { 
       $('#datepicker_start').datepicker({ 
        changeMonth: true, 
        changeYear: true, 
        showButtonPanel: true, 
        dateFormat: 'yy-mm-dd' 
       }); 
       $('#datepicker_end').datepicker({ 
        changeMonth: true, 
        changeYear: true, 
        showButtonPanel: true, 
        dateFormat: 'yy-mm-dd' 
       }); 
      }); 
     } 
    }); 
}) 

Answer 1

두 가지 옵션은 diff는 showButtonPanel 경우, 어쩌면 당신이

$(function(){ 
    $("#datepicker_start,#datepicker_end").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      dateFormat: 'yy-mm-dd' 

    }); 
    $('#dates').change(function(){ 
     var value = $(this).val(); 
     var toShowButtonPanel = true; 
     if (value == ANYVALUEYOUDEFINED){ 
      toShowButtonPanel = false; 
     } 
     $("#datepicker_start,#datepicker_end").datepicker("option","showButtonPanel",[toShowButtonPanel]); 
    }); 


});