2017-05-07 99 views
0

语义UI日历的一个非常简单的代码,但日历不出现。有人可以解释为什么。语义UI日历

<div> 
     <br/> 
     <h2 class="ui header"> 
     <i class="calendar icon"></i> 
      <div class="content"> 
      Set Lifetime of Form 
      </div> 
     </h2> 

     <select class="ui selection dropdown"> 
      <option value="">Choose Application Form Type</option> 
      <option value="1">Application Form 1</option> 
      <option value="0">Application Form 2</option> 
     </select> 
     <br/> 

     <div class="ui calendar" id="example1"> 
     <div class="ui input left icon"> 
      <i class="calendar icon"></i> 
      <input type="text" placeholder="Date/Time"> 
     </div> 
     </div> 
    </div> 

    <script type="text/javascript"> 
     $('#example1').calendar(); 
    </script> 

回答

3

您的代码已经生效。只需要仔细检查资源。

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> 
<link href="https://cdn.rawgit.com/mdehoog/Semantic-UI/6e6d051d47b598ebab05857545f242caf2b4b48c/dist/semantic.min.css" rel="stylesheet" type="text/css" /> 
<script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
<script src="https://cdn.rawgit.com/mdehoog/Semantic-UI/6e6d051d47b598ebab05857545f242caf2b4b48c/dist/semantic.min.js"></script> 

https://jsfiddle.net/vandolphreyes29/xy3guqfv/

+0

我试过,但它不工作。语义用户界面日历仅适用于某些浏览器吗? – jc13

+0

我也尝试过语义UI日历,它在IE上完美工作,但在Chrome和Firefox上出现问题 –

+0

我可以肯定,但它在我的所有浏览器中都能正常工作。 –