Форум

greengo86 · #1 (**permalink**) 13.04.2019, 17:05

Добрый день!Помогите пожалуйста, datepicker выводит американский формат даты - MM/DD/YYYY, а нужно DD/MM/YYYY!

var dateStartSelector = element.find('.date_start_selector');
dateStartSelector.datepicker('setDate', moment(doc.date_start).toDate()).on('change', function () {
    doc.date_start = dateStartSelector.datepicker('getDate');
    if (doc.date_start) {
    doc.date_start = moment(doc.date_start).format('YYYY-MM-DD');
}
});

Пытаюсь привести к нужному виду -

dateStartSelector.datepicker('setDate', moment(doc.date_start).format("D/MM/YYYY"));

Даты в итоге - 06/07/2019, хотя первоначально 07/30/2019! То есть необходимо 30/07/2019! Что я делаю не так((

рони · #2 (**permalink**) 13.04.2019, 17:36

greengo86,
http://api.jqueryui.com/datepicker/#option-dateFormat

greengo86 · #3 (**permalink**) 13.04.2019, 18:52

рони,
да гуглил - видел! Не помагает ничего!

dateStartSelector.datepicker({dateFormat: "dd/mm/yyyy"});
Или
var dateFormat = dateStartSelector.datepicker( "option", "dateFormat" );

dateStartSelector.datepicker( "option", "dateFormat", "yy-mm-dd" );
Тоже самое - 07/30/2019

рони · #4 (**permalink**) 13.04.2019, 19:28

greengo86,
не понимаю вашей проблемы, особенно использования moment

greengo86 · #5 (**permalink**) 13.04.2019, 20:01

рони,
Какова суть - приходит из бд данные в формате -
"date_start: "2018-07-30T00:00:00.000Z"
Далее мне нужно засетить эту дату в datepicker! Я это и делаю, но по какой-то причине в самом пикере она отображается не в том формате!
"07/30/2019"

рони · #6 (**permalink**) 13.04.2019, 20:31

greengo86,
что не так?

<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script>
$(function() {
$.datepicker.regional['ru']={
           closeText: 'Закрыть',
           prevText: '&#x3c;Пред',
           nextText: 'След&#x3e;',
           currentText: 'Сегодня',
           monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
           monthNamesShort: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
           dayNames: ['воскресенье', 'понедельник', 'вторник', 'среда', 'четверг', 'пятница', 'суббота'],
           dayNamesShort: ['вск', 'пнд', 'втр', 'срд', 'чтв', 'птн', 'сбт'],
           dayNamesMin: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
           weekHeader: 'Нед',
           dateFormat: 'dd/mm/yy',
           firstDay: 1,
           isRTL: false,
           showMonthAfterYear: false,
           yearSuffix: ''
    };
$.datepicker.setDefaults($.datepicker.regional['ru']);
$( ".date_start_selector" ).datepicker();
$( ".date_start_selector" ).datepicker( "setDate", new Date("2018-07-30T00:00:00.000Z") );

});
    </script>
</head>

<body>
<input  class="date_start_selector">

</body>
</html>

greengo86 · #7 (**permalink**) 15.04.2019, 11:10

рони,
Спасибо большое, очень помогли! Плюс в карму не даётся - последний раз плюсовал тоже Вам...

Форум

Справочник

Discord чат

Курсы javascript