KalendaeはJavaScriptで私がchiperSoftでは、NetBeans IDE 8.0.2とkalendaeを使用していNetBeansの

Question

で正しく表示されない：私はそれが正しく表示されないページのいずれかでそれを含め、いくつかの理由でhttps://github.com/ChiperSoft/Kalendae

を：

これは私がカレンダーを作成するために使用されるコードです：

<div id="wrap">    
        <script type="text/javascript" charset="utf-8"> 

var wrap = document.getElementById('wrap'); 
        var cal = new Kalendae(document.body,{ 
          blackout: function (date) {return [1,0,0,0,0,0,1][Kalendae.moment(date).day()];}, 
          months: 1, 
          mode: 'single', 
          selected: new Date('<%=FechA%>') 
         }); 

         cal.subscribe('change', function() { 


window.location="Asistencias.jsp?idca=<%=ca.getidCA()%>&fecha="+this.getSelected(); // console.log(this.getSelected());}); 
        </script>  
       </div> 

あなたは、私がJSP（私を使用している見ることができるように

私のIDEの外にある空白のHTMLページで同じコードを試してみましたが（値を変数に置き換えて）、このコードを試してみましたが、カレンダーが正しく表示されたので、私のプロジェクトの問題だと思います。私も、すべてのJSコードとCSSが含まれていました。

<link rel="stylesheet" href="../Css/Kalendae.css" type="text/css" charset="utf-8"> 
    <link rel="stylesheet" href="../Css/metal.css" type="text/css" charset="utf-8"> 
    <script src="../Js/Kalendae.js" type="text/javascript"></script> 

を私もそれが何が問題を引き起こしたことがあったと考えて、私のCSSを無効にすることを試みたが、カレンダーが間違って表示され続けました。

ありがとうございます。

Answer 1

これは本当にばかな問題でした。カレンダーのCSSは正しくありませんでした。幅が小さすぎました。

この問題が発生した場合は、それが問題であるかどうかを確認するためにズームしてください。その場合は、単に何か大きなもの

/** Base container **/ 
#wrap{ 
width:400px; //originally this was 300px, which wasn't enough 
margin-top: 160px; 
margin-left: 40px; 

}

にあなたのコンテナの幅をmodifiy