Question

我在代码中显示日期范围，显示如下：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>

谢谢

Answer 1

试试这个：

dateFormat: 'dd-MMMM',

Answer 2

日期格式的好库是

http://momentjs.com

来自文档

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

显示日期中月份的名称

2 个答案: