2017-05-15 9 views
-1

ドロップダウンメニューで選択するオプション(日次または月単位の選択)に応じて、日付ピッカーの形式を変更したいとします。ここに私のコードです:ドロップダウンで選択したオプションを変更するDatePickerを変更する

$("#date-format").change(function() { 
    if ($(this).find("option:selected").text() == "Daily") { 
     $('.date-picker').datepicker({ 
      dateFormat: "dd/mm/yy" 
     }); 
    } 
    else if ((this).find("option:selected").text() == "Monthly") { 
     $('.date-picker').datepicker({ 
      dateFormat: "mm/yy", 
      changeMonth: true, 
      changeYear: true, 
      showButtonPanel: true, 
      onClose: function (dateText, inst) { 

       function isDonePressed() { 
        return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1); 
       } 

       if (isDonePressed()) { 
        var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
        var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
        $(this).datepicker('setDate', new Date(year, month, 1)).trigger('change'); 

        $('.date-picker').focusout()//Added to remove focus from datepicker input box on selecting date 
       } 
      }, 
      beforeShow: function (input, inst) { 

       inst.dpDiv.addClass('month_year_datepicker') 

       if ((datestr = $(this).val()).length > 0) { 
        year = datestr.substring(datestr.length - 4, datestr.length); 
        month = datestr.substring(0, 2); 
        $(this).datepicker('option', 'defaultDate', new Date(year, month - 1, 1)); 
        $(this).datepicker('setDate', new Date(year, month - 1, 1)); 
        $(".ui-datepicker-calendar").hide(); 
       } 
      } 
     }) 
    } 
}) 

日付ピッカーの最初の実装の後でフォーマットを変更する方法を知っていますか?

あなたはあなたのケースでは、のようなもの optionメソッドを使用することができます
+1

参照[ 'option'](http://api.jqueryui.com/datepicker/#method-option)メソッドをあなたのケースは次のようなものです: '$( '。date-picker')datepicker(" option "、" dateFormat "、" mm/yy ");' – VincenzoC

+0

@VincenzoC ;) –

答えて

1

:で、

$('.date-picker').datepicker("option", "dateFormat", "mm/yy"); 
関連する問題