1

我正在制作一个网页，并使用了 jquery-3.2.1.min.js 、 jquery-ui.min.js 和 animsition.min.js。我正在使用 datepicker 使用以下代码捕获日期：-

$(document).ready(function() {
$("#datepicker").datepicker({
dateFormat: "dd-mm-yy" ,
navigationAsDateFormat: true,
    onSelect: function() {
report_date= $("#datepicker").val();
    }
 });
});

在正文中，我使用了简单的代码：

日期：<input type="text" size="10" id="datepicker">

问题是，当我使用日期选择器获取日期并单击下个月时，它最初显示新月份，但随后导航到另一个页面，并显示消息“在此服务器上未找到请求的 URL /未定义”。我尝试在 chrome 开发人员选项中进行检查，并得出结论认为 animsition.min.js 正在捕获鼠标单击事件，这可能会将其带到一个新的未定义页面。在 chrome 中禁用此事件时，日期选择器工作正常。但是我如何在我的代码中做到这一点？

Chrome Inspect 元素输出的屏幕截图 在此处输入图像描述

4

3 回答 3

0

您可以使用：

linkElement: 'a:not([target="_blank"]):not([href^="#"]):not(.ui-datepicker-next):not(.ui-datepicker-prev)'

在你的 anismition 配置中

于 2020-08-22T09:11:33.723 回答
0

您可能像我一样在您网站的页面上使用某种 CSS 动画。事实上，我有与您在上面显示的相同的“animsition”类。

请将您的身体标签从 to 更改为您的下个月和上个月按钮现在可以使用。我也遇到了导出功能也不起作用的 JGQRID JS（Guriddo 和 Trirand）问题。从 body 标签中删除该类也解决了这个问题。

唯一的缺点是您丢失了页面淡入/淡出动画。

于 2020-02-02T20:14:15.083 回答
0

我遇到了同样的问题，我花了半天时间解决了这个问题。就我而言，日期选择器与动画插件冲突。我的解决方案是一个全局变量：

var no_fade = false;

单击日期选择器时将此值更改为 true：

$('.ui-datepicker').click(function(){
    no_fade = true;
});

在动画设置中：

$(".animsition").animsition({
  inClass: 'fade-in',
  outClass: function(){
    if (no_fade) {
      no_fade = false;
      return '';
    } else
      return 'fade-out';
  },
  inDuration: 900,
  outDuration: 900,
  ...
});
于 2020-05-06T20:23:50.583 回答