Как поменять дату/время/год в 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);
});

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

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

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 ещё

Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
- 1 подписчик
- 2 часа назад
- 36 просмотров
1

ответ
JavaScript

+4 ещё

Сложный
Почему в WebSockets History в Burp Suite отображаются кракозябры?
- 1 подписчик
- 20 часов назад
- 71 просмотр
2

ответа
JavaScript

+1 ещё

Простой
Как центрировать индикатор внутри дуги, JS?
- 1 подписчик
- вчера
- 70 просмотров
0

ответов
JavaScript

Простой
Как выводить JS код?
- 2 подписчика
- вчера
- 242 просмотра
1

ответ
JavaScript

Простой
Как заставить срабатывать trigger change в Select2?
- 1 подписчик
- вчера
- 46 просмотров
0

ответов
JavaScript

Простой
Почему появляется ошибка Uncaught Reference?
- 1 подписчик
- 20 дек.
- 81 просмотр
2

ответа
JavaScript

Средний
Порождается ли событие в элементе или оно само по себе?
- 1 подписчик
- 20 дек.
- 92 просмотра
1

ответ
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- 19 дек.
- 201 просмотр
2

ответа
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 94 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 82 просмотра
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Допил JS-PHP парсера

22 дек. 2024, в 16:26

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

Прогнозирование поломок с помощью модели ARIMA на имеющемся датасете

22 дек. 2024, в 15:29

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

Разработать Extension для Google Chrome Webstore

22 дек. 2024, в 14:07

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

К своему стыду, не понимаю, что это значит. От 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-коде?

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

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

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