無法在日曆中選擇日期

Question

我使用multiDatesPicker作爲日曆，可以使用默認日曆選項正常工作。

就我而言，我在追加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($('<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>

Answer 2

你必須元素<a class="ui-state-default">NUMBER</a>其中日期選擇器腳本獲得此變量的值，即數。當您將span元素添加到a標記中時，內容會變爲無效數字，這就是爲什麼日期選擇不能在點擊時使用。作爲解決方案，您可以用CSS播放例如：

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