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

Question

Мы используем DHTML календарь выбора, который позволяет только изменить дату, которая является желаемой функциональностью. Однако мне нужно выяснить javascript, чтобы изменить дату рядом со средством выбора календаря, как показано на рисунке ниже, и всплывающее сообщение «Вы уверены».

Приведенное выше изображение представляет собой одну строку в таблице, поэтому JS должен знать, какую из 10+ дат он должен редактировать.

Я немного похож на javascript n00b. Все еще учусь новым вещам. Не стесняйтесь связывать меня с вещами, чтобы читать и советы / подсказки / и т. Д.

Если это поможет, мы используем PERL с CGI. Я предполагаю, что JS должен будет иметь AJAX-вызов для обновления базы данных, что я могу выяснить из других примеров в базе кода. Мне просто нужно выяснить, как редактировать дату на странице.

И для пояснения, процесс состоит в том, что ... человек нажимает на этот значок календаря, получает средство выбора даты DHTML, выбирает дату, подтверждает, что он хочет изменить дату / время / время / дату / время2, и затем изменение применяется к тексту, см. рядом со значком календаря и попадает в базу данных.

Answer 1

Наличие реальной веб-страницы (HTML & JS) действительно поможет здесь. Но, в общем, вам нужно, чтобы JS «адресовал» текст, который вы хотите изменить. Самый простой способ, который я знаю, - это обернуть текст в DIV или SPAN с уникальным идентификатором («datetime1», «datetime2» и т. Д.).

Затем, если вы знаете, какой фрагмент JS вызывается при запуске средства выбора даты, получите доступ к текстовому элементу, например:

document.getElementById('datetime1').innerHTML = (insert new datetime here);

Вам понадобится способ передать идентификатор (datetime1 и т. Д.) В JS, но это должно быть легко, если Perl генерирует 10 строк datetime (т. Е. Цикл FOR в Perl просто вставляет последовательные идентификаторы в DIV / SPAN и снова в качестве аргументов функции datepicker).

Я предполагаю, что вы знаете (или можете найти), как сделать "alert ()" в JS, поэтому подтверждение должно быть самым простым.

Похоже, вам нужно отправить новые даты обратно в какую-нибудь БД. Я предлагаю ФОРМУ, чтобы отправить все это обратно в Perl CGI, который должен будет обновить БД. Люди, более умные, чем я, могут рассказать вам, как это сделать в JS с AJAX и т. Д.