Локализация для выбора диапазона дат

Question

Я очень новичок в javascript и jquery.Я искал решение этой проблемы, но ничего не получилось.Я использую указатель даты из http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/.

Это было предложенное решение в комментариях:

$("input").daterangepicker({
 dateFormat:"MM dd yyyy”,
 datepickerOptions: $j.extend({},
  $j.datepicker.regional[’de’], { //germany
  showStatus: true, //this is just a datepicker option
  showOn: “both”,//this is just a datepicker option
  changeYear :true//this is just a datepicker option
})
}); 

Я попробовал вышеупомянутый подход, но не пошел никуда.Я совершенно новичок в javascript, так что терпите меня.

parent.$('#start_date_<?php echo $widget_id;?>').daterangepicker({
        monthOnly: true,
        arrows:false,
        dateFormat: 'MM yy',
        latestDate: '<?php echo date('Y-m-d');?>',
        presetRanges: [
            {text:'<?php echo lang('dashboards_month_to_date');?>', dateStart: 'm2d', dateEnd: 'today' },
            {text: '<?php echo lang('dashboards_quarter_to_date');?>', dateStart: 'q2d', dateEnd: 'today' },
            {text: '<?php echo lang('dashboards_year_to_date');?>', dateStart: 'y2d', dateEnd: 'today' }
        ],
        presets: {
            allDatesAfter: '<?php echo lang('dashboards_all_dates_from_first');?>'
        },
        altFields:'widgetDate_<?php echo $widget_id;?>',
        datepickerOptions: {
            changeMonth: true,
            changeYear: true,
            maxDate: Date.today()
        },
    });
    parent.$('#widgetDate_<?php echo $widget_id;?>S').val('<?php echo $options->widgetStartDate;?>');
},10);
{/eval}

Скажем, мне нужно сделать локализацию для французского, может кто-нибудь дать мне пошаговое руководство, чтобы сделать это для приведенного выше кода.Любая помощь будет принята с благодарностью.

Answer 1

Вы можете использовать опции выбора даты.

это итальянская локализация:

$('#inputPeriodo').daterangepicker({
    presetRanges: [
                    { text: 'oggi', dateStart: 'today', dateEnd: 'today' },
                    { text: 'ieri', dateStart: 'today-1days', dateEnd: 'today-1days' },
                    { text: 'ultimi 7 giorni', dateStart: 'today-7days', dateEnd: 'today' } ],
    presets: {
        specificDate: 'giorno specifico',
        allDatesBefore: 'prima del',
        allDatesAfter: 'dopo il',
        dateRange: 'intervallo'
    },
    rangeStartTitle: 'data inizio',
    rangeEndTitle: 'data fine',
    nextLinkText: 'mese successivo',
    prevLinkText: 'mese precedente',
    doneButtonText: 'fatto',
    dateFormat: 'dd/mm/yy', 
    datepickerOptions: {
        prevText: '<Prec',
        nextText: 'Succ>',
        monthNames: ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno',
            'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre'],
        monthNamesShort: ['Gen', 'Feb', 'Mar', 'Apr', 'Mag', 'Giu',
            'Lug', 'Ago', 'Set', 'Ott', 'Nov', 'Dic'],
        dayNames: ['Domenica', 'Luned&#236', 'Marted&#236', 'Mercoled&#236', 'Gioved&#236', 'Venerd&#236', 'Sabato'],
        dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'],
        dayNamesMin: ['Do', 'Lu', 'Ma', 'Me', 'Gi', 'Ve', 'Sa']
    }
});