具有for循环的html页面中的datepicker在第二个实例之后的版本上不起作用
在具有for循环的HTML页面中，如果在第二个实例之后的版本上datepicker不起作用，可能是由于以下原因：
- 元素ID重复：在for循环中，如果使用相同的ID来命名多个datepicker元素，会导致冲突。每个元素的ID应该是唯一的，可以通过在ID后添加一个唯一的标识符来解决这个问题。
- 事件绑定问题：如果在for循环中使用了事件绑定，可能会导致datepicker无法正常工作。这是因为事件绑定可能会覆盖之前绑定的事件。可以尝试使用事件委托的方式来解决这个问题，将事件绑定到父元素上，然后通过事件冒泡来处理特定的datepicker元素。
- 脚本加载问题：如果datepicker所需的脚本没有正确加载或加载顺序不正确，也会导致其不起作用。确保在使用datepicker之前，相关的脚本已经正确加载，并且加载顺序正确。
- 其他冲突：可能存在其他与datepicker冲突的脚本或样式。可以尝试在第二个实例之后的版本上禁用其他脚本或样式，看看是否能够解决问题。
对于解决这个问题，可以尝试以下方法：
- 确保每个datepicker元素的ID是唯一的，可以通过在ID后添加一个唯一的标识符来实现。
- 使用事件委托的方式来绑定事件，将事件绑定到父元素上，然后通过事件冒泡来处理特定的datepicker元素。
- 确保所需的脚本已经正确加载，并且加载顺序正确。
- 禁用其他可能与datepicker冲突的脚本或样式，以确定是否是由于冲突导致的问题。
腾讯云提供了一系列与云计算相关的产品，包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多相关产品和详细信息。
相关·内容
我已经查看了很多帮助jquery datepicker在克隆行上不起作用的页面，但我似乎无法将我找到的任何建议转换为我的特定情况。这里是提琴链接：任何建议都将不胜感激。
$(function() {
$( "#datepicker" ).datepicker();
});
var i = 1;
$("button").click(function() {
$("table tr:first").clone().removeClass('hasDatepicker').find("input").each(
浏览 0提问于2013-06-27得票数 2
回答已采纳
我已经查看了许多帮助jquery日期选择器在克隆行上不起作用的页面，但我似乎无法将我找到的任何建议转换为我的特定情况。这里是提琴链接：任何建议都将不胜感激。
// datepicker
$('body').on('focus', ".datepick", function() {
$(this).datepicker({
buttonImage: "${ctx }/resources/plugins/jquery-ui-1.12.1/images/calendar.png",
});
})
$("#bt
浏览 13提问于2020-09-20得票数 3
我已经修改了一个数据报警器，只显示月份和年份。它起作用了。但是，当我添加一个$(document).ready(function()来设置页面第一次打开的当前月份和年份时，只有左箭头和右箭头(下一个月和前一个月)选项可用(没有下拉菜单；没有其他按钮)。有什么问题吗？
联署材料：
$( document ).ready(function() {
$("#datepicker").datepicker({dateFormat: 'MM yy'}).datepicker("setDate", new Date());
});
$(function
浏览 8提问于2016-03-11得票数 1
回答已采纳
2回答
我有一个常见的jquery datepicker问题，它显示在下拉框后面。我还尝试应用这里提供的解决方案：
但它似乎在我的页面上不起作用。
我使用"jquery-ui.css“，在它里面，我定义了：
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
z-index: 9999 !important;
}
但datepicker仍然显示在下拉框后面。当我在chrome开发工具中检查我的页面时，我得到了以下信息：
<div id="ui-datepicker-div" class="ui-date
浏览 0提问于2013-05-23得票数 0
1回答
这是Shamsi date tiem中的日期时间选择器的示例代码
问题是我不知道如何用gdate设置作用域变量gdate是用html来计算的
我想通过gdate在作用域中设置模型数据或新列
谢谢。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ng-jalaali-flat-datepicker demo</title>
<link href='http://f
浏览 12提问于2017-01-18得票数 0
2回答
我在我的页面上使用了jQuery日历和输入掩码插件，它们工作得很好。我有一个Add按钮，它添加一个带有文本框的行，但是插件在新添加的行上不起作用。我该如何解决这个问题呢？如果在add按钮单击事件中再次调用插件代码，它们似乎可以工作，但我想知道是否有更好的方法来使其工作。谢谢。
$(".add-row").on("click", function () {
// Add row
// Call AGAIN to make it work
$(".time").mask("99:99");
$(&
浏览 4提问于2013-03-29得票数 0
我有一个带有预订小部件和日期选择器的页面：
(预订您的住宿)
以下代码设置为在选择datepicker时尝试阻止键盘出现在移动设备上。
<script type="text/javascript">
jQuery(function() {
jQuery( ".hasDatepicker" ).hasDatepicker({
}).attr('readonly','readonly');
});
</script>
这在桌面设备上有效，但在移动设备上不起作用。有人知道如何防止键盘在手机上弹出吗？
浏览 23提问于2018-08-09得票数 0
1回答
我正在尝试使用bootstrap datepicker，但我似乎不能让它工作。 我在datepicker的头中添加了脚本，并且在主体中我有一个函数可以生成多个日期。datepicker不会只显示空字段。输入日期不是一个选项，因为它在safari上不起作用。 <script src="Date/css/datepicker.css"></script>
<script src="Date/js/bootstrap-datepicker.js"></script>
<script>
$(f
浏览 9提问于2019-06-09得票数 0
回答已采纳
我为JQuery的1.1.1版本找到了datepicker插件，但它在2.1.1上不起作用。jQuery 2.1.1有版本吗？
浏览 4提问于2014-09-29得票数 0
回答已采纳
1回答
我试图添加一个主题，以完整的日历与页面的其余部分分开。我使用的任何jquery ui主题都会接管页面上的其他元素。我尝试使用高级主题设置并选择css作用域，但不起作用。我读到这个作用域与datepicker ()有问题，所以我假设这就是它不能在日历上工作的原因。
我尝试用javascript包装日历div：
<script type="text/javascript">
$(document).ready(function () {
$('#calendar').wrap('<div class="Dat
浏览 8提问于2011-12-16得票数 4
1回答
我在我的一个页面上运行了jQuery UI的数据报警器函数。把它剥下来，它是这样工作的：
<form>
<input type="text" name="date" id="date" />
</form>
<script type="text/javascript">
jQuery("#date").datepicker();
</script>
因为这部分工作，我知道jQuery和jQuery UI脚本是正确的，等等。
现在，我想从我的
浏览 3提问于2013-05-29得票数 0
回答已采纳
1回答
我有一个表单，它动态地创建一个包含两个表单输入的新行。其中一个输入有一个datepicker附加到它。我只是在这里的帮助下成功地完成了这项工作。除了剩下的一个问题，当我想要向datepicker添加选项时，它停止工作...
工作小提琴：
还有一个不起作用的小提琴：
是关于这一行的：
$(".datepick").datepicker();
当我向它添加选项时..它似乎停止工作了。
$(".datepick").datepicker("option", "dateFormat", "dd-mm-yy");
有人知道这
浏览 0提问于2012-08-23得票数 2
回答已采纳
1回答
从调试控制台中选择日期
、、、、
当我通过单击日期选择日期时，我正在尝试检测datepicker使用的是哪种事件。
下面的代码在chrome上工作，但在firefox上不起作用，我不明白为什么。
此外，我还找到了第二种类型的datepicker，当我手动从click事件中选择日期时，它不会做出反应。但是，该结构与datepicker相同，它通过单击提供所选的值。
我的问题是，鼠标单击所触发的东西是否也必须从jQuery单击事件触发？如果是，为什么在我的例子中(我指的是第二个datepicker)不被单击事件触发？为什么单击事件不与鼠标单击相同？
$('document').ready(function()
浏览 2提问于2016-12-12得票数 0
我正在使用这个代码片段触发一个页面datepicker.html上的日期选择器，它工作得非常好。
var int = $('.ui-datepicker-trigger');
int.trigger('click');
但是，当datepicker.html加载到另一个页面(ajaxPage.html)时，上面的代码被删除并添加到其中，这不起作用。如何使用live()从父页面触发日历。请分享一些关于如何做到这一点的想法。
$('#page').load('datepicker.html');
var int = $('.u
浏览 2提问于2011-07-28得票数 0
3回答
我正在尝试使用默认语言环境包含jQuery UI日期选择器
jQuery(document).ready(function($){
$.datepicker.setDefaults($.datepicker.regional["it"]);
$('#div-where-place-datepicker').datepicker({
"dateFormat": "dd/mm/yy"
});
});
根据的说法，我正在将它添加到一个div中，以便datepicker在页面加载时以内联方式
浏览 3提问于2013-03-07得票数 2
回答已采纳
我已经创建了动态日期选择器，如本例所示，但我必须将字形图标-日历放在输入之后，但是日历日期选择器的单击事件在字形图标-日历上不起作用
我已经尝试了下面的代码，但它不工作.
<div class="input-group">
<input type="text" class="form-control textmodify_newSchedule datepicker_recurring_start" >
<span class="input-group-addon datepicker_r
浏览 20提问于2019-03-25得票数 0
回答已采纳
我想在jquery datepicker中验证start date和end date.For此目的，我想从所选的start date.Any body knows中取消选择或禁用上一个日期，请帮助我
浏览 2提问于2009-10-14得票数 0
我在一个页面上有多个日期选择器...一切看起来都很好，除了我在奥特菲尔德的部分...
这样的事情有可能发生吗？
$(document).ready(function(){
$( ".datepicker" ).datepicker({
beforeShowDay: function(date){ return [(date.getDay() == 1 || date.getDay() == 4), ""] },
showOn: "button",
buttonText: "Book
浏览 1提问于2010-09-28得票数 5
回答已采纳
1回答
每当谷歌地图中的位置被选中时，我都会尝试创建新的数据报警器。
$(function(){$(".datepick").datepicker({
dateFormat : "yyyy-MM-dd"
});
});
var tomakedate = document.getElementById("fordate");
这是将在html中添加新数据报警器的事件。
selectedplacessize =
浏览 0提问于2016-12-02得票数 1
回答已采纳
我有几个从主菜单调用的页面，并通过jQuery加载到content div中。这些页面中的大多数都包含一个jQuery UI datePicker小部件。
在任何情况下，当页面是从菜单(index.php)加载的第一个"datepicker页面“时，datePicker都能正常工作。
然而，一旦初始的"datepicker页面“被替换(即使它被自身替换)，datePicker就不能工作了。
$.datepicker.setDefaults({
showOn: "focus",
showOtherMonths:true,
selectOth
浏览 0提问于2016-06-28得票数 0
Disqus短名称在hackmd上不起作用 我已经按照指示将yaml插入到我的hackmd页面的顶部，该页面对公众开放 代码： ---
disqus: myDisqusShortName
--- 但是，留言板就是不显示。
浏览 15提问于2021-08-07得票数 0
<DatePicker
date={this.state.bdate}
mode="date"
placeholder="Select your birthday"
format="YYYY-MM-DD"
浏览 6提问于2018-07-25得票数 1
我已经在2个地方放置了DateRangePicker小工具。首先是在Bootstrap模式窗口中，单击按钮即可打开该窗口。第二个我想在没有模式窗口的页面上显示。结果是它在模式窗口中工作正常，但页面上的第二个窗口不能正常工作，我的意思是它看起来和显示正确，但当它点击字段时不显示日历。
modal中的代码是：
<div class="modal fade" id="responsive" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria
浏览 15提问于2017-02-16得票数 1
回答已采纳
2回答
我已经做了我看到的大多数解决方案，但它在我的解决方案上不起作用。
下面是我的代码：
function regenerateDatePickers()
{
var length = $( ".forduplication" ).length;
alert( length );
for ( var i = 1 ; i <= length ; i++ ) {
$( "#endDate" + i ).removeClass( "hasDatepicker" );
$( "#endDate" + i ).d
浏览 0提问于2012-05-15得票数 0
回答已采纳
1回答
我有一个页面与所有的产品显示出租和低于这些产品，我放置了一个视觉作曲家弹出模式。这个模式适用于每一个产品，但这里的问题是，模态中有开始和结束日期字段，我使用联系人表7创建了这个字段，我给出id来触发输入字段的选择器，但是日期选择器只为第一个模式工作。从第二种模式来看，它没有显示任何内容，所有的按钮都有相同的类和ids，整个页面都是使用插件创建的。
所以，我怎样才能得到页面中所有的调制解调器的日期选择器。
以下是Jquery代码
$( "#end_date" ).datepicker({
beforeShow: function() {
setTi
浏览 2提问于2016-06-20得票数 0
回答已采纳
当我将这个文件提交给Kattis时，我得到了一个没有进一步解释的Run Time Error。它看起来很简单，但也许我只是遗漏了一些东西。 它在我的python3解释器上运行。为什么它在Kattis上不起作用？(或者其他解释器) 问题：https://open.kattis.com/problems/babelfish dictionary = dict()
userInput = input()
while userInput != "":
buf = userInput.split()
english = buf[0]
foreign = buf
浏览 25提问于2019-06-26得票数 0
回答已采纳
Fancybox在这个页面上不起作用，它已经在许多其他具有相同代码的网站上起作用。Firebug没有给出错误。你知道问题出在哪里吗？
谢谢
鲍勃
浏览 0提问于2012-09-14得票数 0
回答已采纳
我将datepicker附加到全局脚本文件中的输入，如下所示：
$(document).on("focusin",".datePick", function () {
$(this).datepicker({
dateFormat: "dd/mm/yy",
changeMonth: true,
changeYear: true,
onClose: function () { $(this).val
浏览 0提问于2012-07-10得票数 2
回答已采纳
我在我的.net MVC cshtml页面中有这个html代码。在EventDate的输入类型中使用数据报警器类。当在输入文本框上单击时，Datepicker日历在每一行上都会很好地打开。问题是，只有第一行文本框被日历上的选定日期填充，其他行没有填充选定日期.
$(function () {
$(".Datepicker").datepicker({
changeMonth: true,
changeYear: true,
showAnim: "slideDown"
});
});
@f
浏览 0提问于2018-08-10得票数 0
1回答
我有一个使用simple_form的Rails项目，我似乎无法让日期选择器工作(使用Bootstrap Datepicker gem 。
我已经尝试了以下堆栈溢出帖子中提出的方法：
但是，到目前为止，它们都没有起作用。
下面是我的代码：
在我看来，我有这样的想法：
<%= f.input :start_date, :input_html => {data: {behaviour: "datepicker"}}, :as => :string %>
我在Application.js中添加了以下内容
//= require bootstrap-datep
浏览 0提问于2013-05-21得票数 0
这是我的HTML：
<form action="http://example.com/rezervari/index.html#/hotelbooking" method="get">
<input type="hidden" name="hotel" value="<?= $hotel ?>" class="form-control">
<input type="hidden" name="roomtypegrou
浏览 1提问于2020-11-23得票数 0
1回答
我找不到任何东西来解释为什么我的DatePicker不能在同一个页面上多工作一次。下面是我使用的代码，为了清晰易懂，删除了大部分正文内容：
<html>
<head>
<!-- Load jQuery from Google's CDN -->
<!-- Load jQuery UI CSS -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqu
浏览 4提问于2014-08-22得票数 0
回答已采纳
2回答
Jetpack在我的博客上不起作用。游客可以评论我已经从管理菜单得到通知，评论被放置，我批准它，但我仍然没有显示。frontpage显示始终无评论管理面板显示5评论1已批准。
我在wordpress上的博客url： My jetpack code
<?php comment_form(); ?>
浏览 1提问于2014-08-26得票数 1
我被难住了。我想在用户单击日期后关注另一个字段。当前输入获取该值。但是我想自动转到另一个输入域，这样他们就不用用tab键或点击它了。
下面是添加您建议的内容的确切代码。它在Safari和Firefox中不起作用。未使用IE进行测试。它所做的是，它闪现#duedate日历，然后返回到#shipdate，不再有日历。
看到这里有什么问题了吗？谢谢。
$(function(){
$("#shipdate" ).datepicker({
showOn: 'both',
buttonImage: "/images/calendar.gif&
浏览 0提问于2011-08-08得票数 1
回答已采纳
3回答
jquery-ui日期选择器问题
、、、、
嘿，伙计们，我有两个div --一个是内联的id="form1“，另一个是通过ajax获取内容的id="form2”(在同一个页面上提到了div标签)。
<div id="form1">
.
.form content
.
.
</div>
<div id="form2"> //gets content dynamically
现在，我使用了下面的datepicker代码-
$(function() {
$( "#datepicker,#datepicker1" ).da
浏览 2提问于2011-08-17得票数 1
回答已采纳
我想在我的网站上使用Jalali日历datepicker，但它在平板电脑或智能手机上不起作用，因为用于响应式设计的meta标签： <meta name="viewport" content="width=device-width, initial-scale=1.0"> 只要我删除元标签，它的工作很好，但我需要这个元标签的响应式设计。
浏览 13提问于2019-01-17得票数 0
当您启动输入时立即生效。
演示：
但是当我把这段代码放在“更新”和预先填充来自DB的2个输入的页面上时，灰色的日期(过去的Max和Min)不起作用.
<input id="datepicker1">
<input id="datepicker2">
<script>
$(function() {
$( "#datepicker1" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
changeYe
浏览 6提问于2016-02-18得票数 0
回答已采纳
1回答
实际上我有两个问题 1-我试图突出显示日历中的一些日期，但在页面加载后，样式不起作用，除非我单击日历，然后它就会起作用 2-当我保存一些文本时，我想刷新日历以突出显示这个新的事件日期，如果我只是回想一下函数，什么也不会发生，可能是因为我已经初始化了datapicker 对于第一个问题，我尝试在初始化datepicker - $('.ui-datepicker-current-day').click(); - $("#datepicker").trigger("click"); - $('#datepicker').datepic
浏览 10提问于2019-03-24得票数 0
1回答
我使用的是角度6和材料形式。
在div中有3个字段，2个日期选择器和1个输入文本字段。我们只需要在字段中输入一个值，那么所有值都应该是必填的。
我尝试的方法是：
HTML
<div class="flex-container PromotionalPriceInfo">
<span class="flex-item bold small">Promotional</span>
<mat-form-field class="flex-item">
<inpu
浏览 0提问于2018-08-22得票数 1
我想将日期格式更改为dd-MM-yyyy当前我的jQuery日期选择器的日期格式是MM-dd-yyyy下面是我在asp webforms中的代码，但它不起作用 <link href="../Contents/css/jquery-ui.css" rel="stylesheet" />
<script src="../Contents/js/jquery-1.8.2.js"></script>
<script src="../Contents/js/jquery-ui.js"
浏览 38提问于2016-11-10得票数 0
回答已采纳
我在一个aspx页面上使用datepicker插件和两个文本框。当我点击提交时，数据被保存在数据库中，但现在如果我再次尝试更新日期，datepicker在页面加载后不起作用。为此，我使用了以下代码。
<asp:TextBox ID="txtMovingDate" runat="server"
CssClass="TextBox datepicker" TabIndex="19"></asp:TextBox>
jQuery(function() {
jQuery(".datepicker"
浏览 0提问于2012-06-05得票数 1
我正在试着把2个datePickers的jquery用户界面。错误:当我加载页面时，datePickers没有显示。但如果我张贴表单，它将显示它们。
下面是我的代码：
<?php
//...
if ($_POST){
$dateFrom=getInput('dateFrom').' 00:00:00';
$dateTo=getInput('dateTo').' 23:59:59';
$defDate=explode('-',getInput('dateFrom'));
浏览 2提问于2013-02-26得票数 0
回答已采纳
我遇到了一个问题，希望你们能帮我解决。
我使用的是带有DatePicker的DateTextField (来自yui.calendar)，它们都被添加到OutputMarkupId和OutputMarkupPlaceholderTag设置为true的WebMarkupContainer中。
我希望能够设置容器的可见性，但是当我将其从true设置到false再到true时，datepicker不再可见(我猜这与它在HTML(？)中没有提到有关)我必须重新加载整个页面(并释放输入数据)才能使DatePicker再次可见。DateTextField没有问题。有什么好方法可以解决这个问题吗？
JAVA
浏览 1提问于2011-10-28得票数 0
回答已采纳
Wenn，我是通过ajax加载视图的，数据报警器不起作用。我已经通过setclientscript将每个.js和.css文件设置为ajaxRequest上的false。
Yii::app()->clientScript->scriptMap['jquery.js'] = false;
and the other files as well....
我检查源代码，数据报录机输入字段已注册
/*<
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
