无法在日历中选择日期
问题描述:
我使用multiDatesPicker
作为日历,可以使用默认日历选项正常工作。无法在日历中选择日期
就我而言,我在追加span
标记后追加了一个额外的span
标记,因此它不会选择点击日期。
这里是怎么了追加跨度标签
$(function() {
$('#custom-date-format').multiDatesPicker({
dateFormat: "y-m-d"
});
$('.ui-state-default').prepend($('<span>A</span> <span>B</span>'));
});
答
你可以尽量避免使用prepend($('<span>A</span> <span>B</span>'))
。另一件事,为什么你使用<span>
时,你可以选择不使用多天数据。
$(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"> \t \t \t \t \t
<li class="demo">
<div id="custom-date-format" class="box"></div>
</li>
</ul>
</div>
</div>
答
你必须元素<a class="ui-state-default">NUMBER</a>
其中日期选择器脚本获得此变量的值,即数。当您将span元素添加到a
标记中时,内容会变为无效数字,这就是为什么日期选择不能在点击时使用。作为解决方案,您可以用CSS播放例如:
.ui-state-default::before { content: 'A B '; }
有将b每个字母类的变化,所以我需要他们在一个HTML标签 – user6725932
我明白了,但它的日期选择器脚本的工作方式,它需要的innerHTML '''标签是有效的数字,您不能将span元素添加到此标签中,因为它随后会被破坏。 –