jquery - 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

如果两个选项之间的差异仅是 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]);
    });


});