顯示日期中的月份名稱

我在我的代碼中顯示日期範圍，顯示爲：06-08-2017 - 12-08-2017。但我想看到的是：8月6日 - 8月12日我想知道如何去做。顯示日期中的月份名稱

這裏是我用來顯示日期代碼：

<script> 
    $(document).ready(function() { 
     var startDate; 
     var endDate; 
     // configure the bootstrap datepicker 
     var selectCurrentWeek = function() { 
      window.setTimeout(function() { 
       $('#js-datepicker').find('.ui-datepicker-current-day a').addClass('ui-state-active') 
      }, 1); 
     } 

     $('#js-datepicker').datepicker({ 

      //config default 
      altField: "#datepicker", 
      closeText: 'Fermer', 
      prevText: 'Précédent', 
      nextText: 'Suivant', 
      currentText: 'Aujourd\'hui', 
      monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'], 
      monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'], 
      dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'], 
      dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'], 
      dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'], 
      weekHeader: 'Sem.', 
      dateFormat: 'dd-mm-yy', 
      firstDay: 1, 

      showOtherMonths: true, 
      selectOtherMonths: true, 

      onSelect: function(date,obj){    
       var daty = $(this).datepicker('getDate'); 
       console.log(daty); 
       startDate = new Date(daty.getFullYear(), daty.getMonth(), daty.getDate() - daty.getDay()); 
       endDate = new Date(daty.getFullYear(), daty.getMonth(), daty.getDate() - daty.getDay() + 6);    
       var dateFormat = obj.settings.dateFormat || $.datepicker._defaults.dateFormat; 
       $('#startDate').text($.datepicker.formatDate(dateFormat, startDate, obj.settings)); 
       $('#endDate').text($.datepicker.formatDate(dateFormat, endDate, obj.settings)); 
       selectCurrentWeek(); 
       date = $.datepicker.formatDate('dd-mm-yy', daty); 
       console.log(date); 
       $('#date_input').val(date); 
      } 
     }); 
    }); 
</script>

謝謝

來源

2017-08-13 Lydia Ra

看到http://api.jqueryui.com/datepicker/#utility-formatDate –

試試這個：

dateFormat: 'dd-MMMM',

來源

2017-08-13 06:14:27 ZAhmed

謝謝！ :) –

日期格式好的庫是

http://momentjs.com

從文檔

moment().format('MMMM Do YYYY, h:mm:ss a'); // August 13th 2017, 8:26:44

來源

2017-08-13 06:28:16 Antonio

顯示日期中的月份名稱

回答

相關問題