Как поменять дату/время/год в js-коде?

Question

Илья Филонов @gbreadman13

Фронтенд-кодер из Красноярска

JavaScript

Как поменять дату/время/год в js-коде?

Нашел в сети такой код

$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = now.getFullYear() + '-' + month + '-' + day;
    $('#datePicker').val(today);
});

Мне нравится все и все работает. Единственное, хочу поменять форму на день/месяц/год и разделить их точкой вот так

$(document).ready( function() {
    var now = new Date();
    var month = (now.getMonth() + 1);               
    var day = now.getDate();
    if (month < 10) 
        month = "0" + month;
    if (day < 10) 
        day = "0" + day;
    var today = day  + '.' + month + '.' + now.getFullYear();
    $('#datePicker').val(today);
});

Но такой вариант не работает. Почему?

Вопрос задан более трёх лет назад
322 просмотра

6 комментариев

Подписаться 1 Простой 6 комментариев

irishmann @irishmann

$('#datePicker') как инициализируется?

Написано более трёх лет назад
Илья Филонов @gbreadman13 Автор вопроса

К своему стыду, не понимаю, что это значит. От js-са пока далек( Он привязан к текстовому input

Написано более трёх лет назад
Сергей Соколов @sergiks Куратор тега JavaScript

Первый вариант работает, а второй нет - что именно «не работает» во втором ?

Написано более трёх лет назад
mahmudchon @mahmudchon

Илья Филонов, у вас input с id равным datePicker еще обрабатывается каким-то плагином? Например тем, который позволяет выбрать дату? Если да - то формат скорее всего задает этот плагин.

Написано более трёх лет назад
Илья Филонов @gbreadman13 Автор вопроса

Сергей Соколов, первый вариант выводит год-месяц-день в поле инпута. Второй не выводит ничего

Написано более трёх лет назад

Viacheslav Gordeiko @Coral_Reef

Попробовал запустить ваш код - он работает.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Test</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
 
  <input type="text" id="datePicker" />
 
  <script>
    $(document).ready( function() {
        var now = new Date();
        var month = (now.getMonth() + 1);               
        var day = now.getDate();
        if (month < 10) 
            month = "0" + month;
        if (day < 10) 
            day = "0" + day;
        var today = day  + '.' + month + '.' + now.getFullYear();
        $('#datePicker').val(today);
    });
  </script>
 
 
</body>
</html>

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Простой
Вся секция заежает за header?
- 1 подписчик
- 13 часов назад
- 66 просмотров
0

ответов
JavaScript

Простой
По какой логике bind принимает только первый контекст?
- 1 подписчик
- 18 часов назад
- 91 просмотр
2

ответа
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- 19 часов назад
- 32 просмотра
1

ответ
JavaScript

+3 ещё

Средний
Как сделать выборку mongo?
- 1 подписчик
- 20 часов назад
- 32 просмотра
0

ответов
JavaScript

Средний
Запись в cookie или localStorage только при открытии страницы?
- 1 подписчик
- 21 час назад
- 49 просмотров
3

ответа
JavaScript

+2 ещё

Средний
Правильно ли настроен webpack.config для PWA приложения?
- 1 подписчик
- 22 часа назад
- 29 просмотров
0

ответов
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- вчера
- 59 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как при помощи js создать поле дополнительных ингридиентов?
- 1 подписчик
- вчера
- 82 просмотра
0

ответов
JavaScript

+1 ещё

Средний
Как в Next.js закешировать изображение без build?
- 1 подписчик
- вчера
- 36 просмотров
0

ответов
JavaScript

Простой
Как поставить лайк на все комментарии видео в тикток?
- 1 подписчик
- вчера
- 147 просмотров
2

ответа
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Нужен разработчик на python для создания бота в Телеграм

27 апр. 2024, в 12:46

10000 руб./за проект

Backend. 1C Bitrix

27 апр. 2024, в 12:46

60000 руб./за проект

Приглашаю искусствоведа сделать справку про 10 предметов антиквариата

27 апр. 2024, в 12:30

2000 руб./за проект

К своему стыду, не понимаю, что это значит. От js-са пока далек( Он привязан к текстовому input
Первый вариант работает, а второй нет - что именно «не работает» во втором ?
Илья Филонов, у вас input с id равным datePicker еще обрабатывается каким-то плагином? Например тем, который позволяет выбрать дату? Если да - то формат скорее всего задает этот плагин.
Сергей Соколов, первый вариант выводит год-месяц-день в поле инпута. Второй не выводит ничего
Попробовал запустить ваш код - он работает.

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Test</title> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <input type="text" id="datePicker" /> <script> $(document).ready( function() { var now = new Date(); var month = (now.getMonth() + 1); var day = now.getDate(); if (month < 10) month = "0" + month; if (day < 10) day = "0" + day; var today = day + '.' + month + '.' + now.getFullYear(); $('#datePicker').val(today); }); </script> </body> </html>

Answer 1 · 2019-10-17 08:46:07

Хрустальный шар предполагает, что используется плагин jQuery DatePicker.
Формат даты там задаётся в настройках. Найдите в своём коде что-то похожее на
$('#datePicker').datepicker();
и укажите там опцию формата даты dateFormat:

$('#datePicker').datepicker({
  dateFormat: "dd.mm.yyyy"
});

Как поменять дату/время/год в js-коде?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт