无法在日历中选择日期

我使用multiDatesPicker作为日历，可以使用默认日历选项正常工作。无法在日历中选择日期

就我而言，我在追加span标记后追加了一个额外的span标记，因此它不会选择点击日期。

这里是怎么了追加跨度标签

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

Demo

来源

2016-09-30 user6725932

你可以尽量避免使用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"> \t \t \t \t \t 
 
     <li class="demo"> 
 
     <div id="custom-date-format" class="box"></div> 
 
     </li> 
 
    </ul> 
 
    </div> 
 
</div>

来源

2016-09-30 07:25:50

你必须元素<a class="ui-state-default">NUMBER</a>其中日期选择器脚本获得此变量的值，即数。当您将span元素添加到a标记中时，内容会变为无效数字，这就是为什么日期选择不能在点击时使用。作为解决方案，您可以用CSS播放例如：

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

来源

2016-09-30 07:33:46

有将b每个字母类的变化，所以我需要他们在一个HTML标签 – user6725932

我明白了，但它的日期选择器脚本的工作方式，它需要的innerHTML '''标签是有效的数字，您不能将span元素添加到此标签中，因为它随后会被破坏。 –

无法在日历中选择日期

回答

相关问题