同じIDのJquery日付ピッカーの異なる2つの日付形式

Question

イベント後に日付形式を変更する同じIDでJquery日付ピッカーを取得しようとしています。私はコードスニペットの下で試しましたが、期待どおりに実行することができませんでした。

JSはCODE

function dateselect(){ 
    var type = jQuery('#uploadtype').val() 
    if(type == "monthly"){ //if user select month as dropdown 
     jQuery('#datepicker').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      showButtonPanel: true, 
      dateFormat: 'MM yy', 
      onClose: function(dateText, inst) { 
       $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1)); 
      } 
     }); 
    } 

    else{ 
      jQuery('#datepicker').datepicker({ 
        beforeShowDay: displayValidDates, 
        maxDate: '-1w', 
        constrainInput: true, 
       dateFormat:"yy-mm-dd" 
      }); 
     } 
} 

Answer 1

あなたは状況に応じて、実行時にフォーマットを変更したい場合は、それはデフォルトで日付ピッカーを初期化するのが最善であり、あなたの機能は、あなたが望むフォーマットおよびその他のオプションを変更します。

あなたはより多くの情報については、この例を確認することができます....

jQuery('#datepicker').datepicker({ 
       beforeShowDay: displayValidDates, 
       maxDate: '-1w', 
       constrainInput: true, 
      dateFormat:"yy-mm-dd" 
     }); 

function dateselect(){ 
var type = jQuery('#uploadtype').val() 

if(type == "monthly"){ //if user select month as dropdown 

    $("#datepicker").datepicker("option", "dateFormat", "MM yy"); 
} 

else{ 
    $("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd") 
} 

} 

をお試しください：

https://jqueryui.com/resources/demos/datepicker/date-formats.html