Spezielle JavaScript-Kalendersteuerung, Sharing_Javascript-Kenntnisse

Dieser Artikel enthält ein cooles js-Kalendersteuerelement als Referenz. Der spezifische Inhalt ist wie folgt

Besuchen Sie JSLit.js und laden Sie JSLite.io herunter, kompatibel mit JSLite und jQuery

Installationsmethode

Seitenreferenz JSLite oder jQuery

<div id="JSLiteCalenbar4"><input type="text"></div>
<script type="text/javascript" src="../JSLite.js"></script>
<script type="text/javascript" src="JSLite.Calendar.js"></script>
<script type="text/javascript">
  var obj4 = document.getElementById("JSLiteCalenbar4")
  var cal=new $.calendar($("#JSLiteCalenbar4")[0],function(date){
    console.log(date);
    //返回更改的时间值date=2014-10-11
    $('#JSLiteCalenbar4 input').val()
    this.calBoxs.prev().val(date)
  })
  .hide()
  .time("yyyy/MM月dd日 hh:mm:ss",'default')
  console.log(cal);
</script>

Erweiterungsmethoden

• hidePrevBtn: Schaltfläche „Vorherige Seite ausblenden“ Zeigt zukünftige Zeit an, Verlauf kann nicht durchsucht werden
• ausblenden: Klicken Sie, um die Benutzeroberfläche anzuzeigen
• setDate: Uhrzeit einstellen, JSON übergeben
• Zeit: Legen Sie fest, ob die Zeit (Stunden und Minuten) ausgewählt werden kann „JJJJ/MM Monat TT Tag hh:mm:ss“ Seriennummer Zeitformat „Standard“ Standardmäßig ist die Standardzeit bzw Die angegebene Zeit wird in der Eingabe
angezeigt

ausblenden

Klicken Sie hier, um die Benutzeroberfläche anzuzeigen

<div id="JSLiteCalenbar2"><div class="">点击显示</div></div>
<script type="text/javascript">
  var obj3 = document.getElementById("JSLiteCalenbar2")
  new $.calendar(obj3,{
    "now":"2014-09-15"
  },function(date){
    //返回更改的时间值date=2014-10-11
    console.log(date)
  }).hide();
</script>

Beispiel 1

var obj3 = document.getElementById("JSLiteCalenbar2")
new JSLite.calendar(obj3,{
  "now":"2014-09-15"

},function(date){
  //返回更改的时间值date=2014-10-11
  console.log(date)
  console.log("obj3")
}).time("yyyy/MM月dd日 hh:mm:ss",'default');



var cal = new JSLite.calendar(obj,function(){
  return {
    "now":"2014-09-15",//服务器当前时间
    "change":true,//是否更改当前时间以前的内容
    "interfaceNum":3,//显示当前以后多少个日历
    "workdate":[
      {
        "date":"2013-12",
        "day":["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "20"] 
      },{
        "date":"2014-09",
        "day":["10", "2", "3", "4", "5", "6", "20"] 
      },{
        "date":"2014-05",
        "day":["10", "2", "3", "4", "5", "6", "20"] 
      },{
        "date":"2014-10",
        "day":["12", "2", "3", "4", "5", "6", "20"] 
      }
    ]
  }
},function(date){
  //返回更改的时间值date=["2014-10-10,0","2014-10-11,0"]
  console.log(date)
}).hidePrevBtn()

Beispiel 2

var obj3 = document.getElementById("JSLiteCalenbar2")
new JSLite.calendar(obj3,function(date){
  //返回更改的时间值date=2014-10-11
  console.log(date)
  console.log("obj3")
}).hidePrevBtn().hide()

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.