Afficher le mois et la date uniquement dans bootstrap datetimepicker

Question

Je suis confronté à deux problèmes dans le sélecteur de date.

Je veux afficher la date en tant que 18th January ou January 18, mais maintenant il affiche 18-1. La documentation sur datetimepicker indique "MM" donnera une représentation textuelle du mois. Mais je ne comprends pas ça.

Aussi je reçois des années dans la liste déroulante.

Mon code est comme ceci:

$(".date").datetimepicker({ 
    viewMode: 'months', 
    format: 'DD MM' 
}); 

Answer 1

Au lieu d'utiliser MM vous pouvez utiliser MMM. Pour plus d'informations voir format

$(".date").datetimepicker({ 
 
    format: 'Do MMM' 
 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script> 
 
<link rel="stylesheet" 
 
    href="https://rawgit.com/Eonasdan/bootstrap-datetimepicker/master/build/css/bootstrap-datetimepicker.min.css"> 
 
<script src="https://rawgit.com/Eonasdan/bootstrap-datetimepicker/master/build/js/bootstrap-datetimepicker.min.js"></script> 
 

 

 
<div class="container"> 
 
    <div class="row"> 
 
     <div class='col-sm-6'> 
 
      <div class="form-group"> 
 
       <div class='input-group date' id='datetimepicker1'> 
 
        <input type='text' class="form-control"/> 
 
        <span class="input-group-addon"> 
 
         <span class="glyphicon glyphicon-calendar"></span> 
 
        </span> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>