Рубрики

Как получить текущую отформатированную дату дд / мм / гггг в Javascript и добавить ее к входу?

Метод 1: Использование метода toLocaleDateString (): метод toLocaleDateString () используется для возврата чувствительного к языку представления части даты объекта Date в виде строки. Он имеет два необязательных параметра, локали и опции. Параметр locales может быть указан с помощью языковых тегов, которые используются для отображения даты в соответствии с форматом этой локали. Локаль имеет различные параметры, которые можно использовать для изменения используемой локали.

Дату можно отформатировать как «дд / мм / гггг», указав локаль как «en-GB», которая устанавливает локаль на «британский английский».

Дату можно установить для ввода с помощью свойства valueAsDate. Это свойство принимает объект Date, который по умолчанию отображается в селекторе даты. Текущую дату можно показать, присвоив ей новый объект Date ().

Синтаксис:

new Date().toLocaleDateString('en-GB')

Пример:

<!DOCTYPE html>

<html>

      

<head>

    <title>

        How to get current formatted date dd/mm/yyyy

        in Javascript and append it to an input?

    </title>

</head>

  

<body>

    <h1 style="color: green">

        GeeksforGeeks

    </h1>

      

    <b>

        How to get current formatted date dd/mm/yyyy in 

        Javascript and append it to an input?

    </b>

      

    <p>

        Current Date is: 

        <span class="currDate"></span>

    </p>

      

    <p>

        Please select the date to start the course:

        <input type="date" id="dateInput">

    </p>

      

    <script type="text/javascript">

            let currDate =

                new Date().toLocaleDateString('en-GB');

                  

            let inputDate = new Date();

  

            document.querySelector('.currDate').textContent

                    = currDate;

                      

            document.querySelector('#dateInput').valueAsDate

                    = inputDate;

    </script>

</body>

  

</html>                    

Выход:

Метод 2: Сращивание строки из метода toLocalISOString (): Дата может быть извлечена из строки, возвращенной методом toLocalISOString (). Возвращаемая строка разрезается от 0 до 10-го индекса с использованием slice (0, 10), разделяется на отдельные компоненты разделителем dash (-), инвертируется, чтобы сначала получить значение дня, а затем присоединяется обратно, используя косую черту (/) в качестве разделитель. Это дает дату в формате «дд / мм / гггг».

Дату можно установить для ввода с помощью свойства valueAsDate. Это свойство принимает объект Date, который по умолчанию отображается в селекторе даты. Текущую дату можно показать, присвоив ей новый объект Date ().

Синтаксис:

new Date().toISOString().slice(0, 10).split('-').reverse().join('/')

Пример:

<!DOCTYPE html>

<html>

      

<head>

    <title>

        How to get current formatted date dd/mm/yyyy

        in Javascript and append it to an input?

    </title>

</head>

  

<body>

    <h1 style="color: green">

        GeeksforGeeks

    </h1>

      

    <b>

        How to get current formatted date dd/mm/yyyy in 

        Javascript and append it to an input?

    </b>

  

    <p>

        Current Date is: 

        <span class="currDate"></span>

    </p>

      

    <p>

        Please select the date to start the course:

        <input type="date" id="dateInput">

    </p>

      

    <script type="text/javascript">

            let currDate = 

                new Date().toISOString().slice(0, 10)

                    .split('-').reverse().join('/');

                      

            let inputDate = new Date();

  

            document.querySelector('.currDate').textContent

                    = currDate;

            document.querySelector('#dateInput').valueAsDate

                    = inputDate;

    </script>

</body>

  

</html>                    

Выход:

Рекомендуемые посты:

Как получить текущую отформатированную дату дд / мм / гггг в Javascript и добавить ее к входу?

0.00 (0%) 0 votes