如何使我的弹出日期选择器日历javascript更改它旁边的文本日期并更新数据库?

时间:2010-02-04 16:27:58

标签: javascript ajax perl datepicker

我们使用DHTML日历选择器,只允许您更改日期,这是所需的功能。但是,我需要弄清楚javascript来更改日历选择器旁边的日期,如下图所示,然后弹出“你确定”的消息。

date example

上面的图片是表格中的一行,因此JS需要知道它应该编辑的10个以上日期中的哪一个。

我有点像javascript n00b。还在学习新事物。随意链接我阅读的内容和提示/提示/等。

如果它有帮助,我们将PERL与CGI结合使用。我想JS必须有一个AJAX调用来更新数据库,我可以从代码库中的其他示例中找出。我现在只需要弄清楚如何编辑页面上的日期。

为了澄清,该过程是......用户点击该日历图标,获取DHTML日期选择器,选择日期,确认他想将datetime1更改为datetime2,然后将更改应用于您的文本请参阅日历图标旁边的内容并将其放入数据库中。

1 个答案:

答案 0 :(得分:1)

拥有实际的网页(HTML& JS)在这里真的很有帮助。但是,一般来说,你需要一种方法让JS“解决”你想要改变的文本。我知道的最简单的方法是将文本包装在DIV或SPAN中,并使用唯一的ID(“datetime1”,“datetime2”等)。

然后,假设您知道在运行datepicker时调用哪个JS,请访问文本项,如:

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

你需要一种方法将ID(datetime1等)传递给JS,但是如果Perl生成10个日期时间行(即Perl中的FOR循环只是将顺序ID插入到DIV / SPAN再次作为datepicker函数的参数。)

我假设您知道(或可以找到)如何在JS中执行“alert()”,因此确认应该是最简单的部分。

听起来您还需要将新日期发送回某个数据库。我建议将一个FORM发送回Perl CGI,它必须更新数据库。比我更聪明的人可能会告诉你如何在JS w / AJAX等中做到这一点。