Question

我使用multiDatesPicker作为日历，可以使用默认日历选项。

在我的情况下，我会在日历日期附加额外的span代码，因此在添加span代码后，它不会选择点击日期。

这是我如何附加span标记

$(function() {
  $('#custom-date-format').multiDatesPicker({
    dateFormat: "y-m-d"
  });
  $('.ui-state-default').prepend($('<span>A</span> <span>B</span>'));
});

Demo

Answer 1

您可以避免使用prepend($('A B'))。另外，为什么你在不使用它的情况下选择多日期时使用。

$(function() {
  $('#custom-date-format').multiDatesPicker({
    dateFormat: "y-m-d"
  });
  $('.ui-state-default');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdn.rawgit.com/dubrox/Multiple-Dates-Picker-for-jQuery-UI/master/jquery-ui.multidatespicker.js"></script>

<div id="page">
  <div id="demos">
    <ul id="demos-list">					
      <li class="demo">
        <div id="custom-date-format" class="box"></div>
      </li>
    </ul>
  </div>
</div>

Answer 2

您有元素<a class="ui-state-default">NUMBER</a>，其中datepicker脚本获取此标记的值，即NUMBER。当您将span元素添加到a标记中时，内容将变为无效数字，这就是日期选择在点击时无效的原因。作为解决方案，您可以使用css作为例子：

.ui-state-default::before { content: 'A B '; }

无法在日历中选择日期

2 个答案: