gpt4 book ai didi

javascript - 如何使用javascript动态添加日历文本框?

转载 作者:行者123 更新时间:2023-11-30 18:28:15 25 4
gpt4 key购买 nike

我必须在每次点击链接时动态添加一个日历文本框。我测试了一些代码。对于第一个声明,它适用于其他声明。 这是我的代码:

<head>
<script type="text/javascript">
$(function () {
$(".hajanDatePicker").datepicker();
});
</script>
<script type="text/javascript">
var intTextBox=0;

function addElement(){
var contentID = document.getElementById('content');
var newTBDiv = document.createElement('div');
newTBDiv.setAttribute('id','txtDatePicker');
newTBDiv.innerHTML +="Date:<input id='txtDatePicker' type='text' name='test1'>";
contentID.appendChild(newTBDiv);
}
</script>
</head>
<body>
<form id="form1" method="get">
<div id="content">
<input type="text" id="txtDatePicker" name="test1"/>
</div>
<p><a href="javascript:addElement();" >Add</a>
</form>
</body>

当表单加载时可以获得日历。单击“添加”后,它只是作为普通文本框而不是日历打开。

最佳答案

打电话

$(".hajanDatePicker").datepicker();

addElement的底部功能。

并改变

<input id='txtDatePicker' type='text' name='test1'>

<input id='txtDatePicker' type='text' class='hajanDatePicker' name='test1'>

此外,您的页面上有多个具有相同 ID 的输入:txtDatePicker。

关于javascript - 如何使用javascript动态添加日历文本框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10280238/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com