Wie zeigen Sie bestimmte Datumsauswahl mit vollem Datumsformat an?

Question

Ich habe vier verschiedene datepickers, die sie alle arbeiten, aber auf Date1/Date2, die ich den Monat/Tag/Jahr wählen kann, es gibt nur Monat/Jahr aus.

Wie bekomme ich diese beiden Datumsanzeige, um das Datum wie mm/dd/yyyy anzuzeigen?

https://jsfiddle.net/km96dgsd/

$(function() { 
    $('.date-picker').datepicker(
        { yearRange: "1980:", 
         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 ($(input).is("#startDate2") || $(input).is("#startDate4")) { 
           inst.dpDiv.addClass("hide-calendar"); 
          } 
          else { 
           inst.dpDiv.removeClass("hide-calendar"); 
          } 
         } 
        }) 
}); 

Answer 1

Könnte wickeln diese in einer each Schleife und setzen Format basierend auf bedingten

$('.date-picker').each(function() { 
    var $input = $(this), 
     useDays = $input.is('#startDate1, #startDate2'), 
     dateFormat = useDays ? 'mm/dd/yy' : 'mm/yy'; 

    $input.datepicker({ 
     yearRange: "1980:", 
     dateFormat: dateFormat, 
     // ..... 
    }); 
}); 

DEMO