jquery - JQuery：選択値が変更された場合のdatepicker関数間の変更

Question

選択リストと2つのテキストボックスを含むページがあります。テキストボックスは、JQueryを使用してJQueryUI日付ピッカーにリンクされています。ユーザーが選択リストからオプションを選択した場合に特定の機能を使用するように、または別のオプションを選択した場合に別の機能が使用されるように、テキストボックスの機能を変更できる方法が必要です。

何かのようなもの：

$(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

2つのオプションの違いが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]);
    });


});