Как получить весь формат ввода даты в таблице с помощью javascript?

Я создаю html-таблицу с вводом даты:

<table id = "myTable">
    <tr>
        <td><input name = "start" type = "date" value= ""/> ~ <input name = "end" type = "date" value = ""/></td>
    </tr>
    <tr>
        <td><input name = "start" type = "date" value= ""/> ~ <input name = "end" type = "date" value = ""/></td>
    </tr>
</table>

теперь я хочу получить все входное значение в строку с помощью javascript следующим образом:

2019-06-01~2019-06-02,2019-06-03~2019-06-04

Я только начинаю с javascript, может кто-нибудь мне помочь? большое спасибо!

javascript jquery html

03.06.2019 10:01

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

941

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете использовать это, и массив дат будет содержать все даты, введенные на вашей странице.

$('input[type = "date"]').on('input',function(){
    let dates = [];
    $.each($('input[type = "date"]'),function(){
        dates.push($this.val());
    }
}

и поскольку это событие, вы должны поместить это в

$(document).ready(function () {}

03.06.2019 10:05

Ответ принят как подходящий

Вы можете получить входные данные в виде таких строк:

function getDates() {
  var res = '';
  var rows = $('#myTable').find('tr');
  rows.each(function(index, el) {
    res += $(el).find('input[name=start]').val();
    res += '~';
    res += $(el).find('input[name=end]').val();
    if (index < rows.length - 1) {
      res += ', ';
    }
  });

  return res;
}

console.info(getDates());

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id = "myTable">
  <tr>
    <td><input name = "start" type = "date" value = "2018-01-23" /> ~ <input name = "end" type = "date" value = "2019-01-22" /></td>
  </tr>
  <tr>
    <td><input name = "start" type = "date" value = "2018-01-23" /> ~ <input name = "end" type = "date" value = "2019-01-28" /></td>
  </tr>
</table>

03.06.2019 10:13

Другие вопросы по теме

Если выбрана дата, скрыть значок

500 Внутренняя ошибка сервера при использовании Ajax в Laravel

Как контролировать время анимации из css с помощью jQuery

Распространение событий в jQuery с помощью IFrame

Как я могу добавить jqueries в мобильный шаблон blogger?

Использовать .animate() с переключателем оператора if/else?

Получить результаты в массиве в jquery с точкой с запятой

Как скрыть/показать изображение на странице HTML

Как изменить цвет свойства «прогресс [значение]::-webkit-progress-value»?

Показать/скрыть DIV с несколькими значениями атрибутов на основе значения раскрывающегося списка «Метод фильтрации jQuery»

Как получить весь формат ввода даты в таблице с помощью javascript?

Ответы 2

Другие вопросы по теме

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