jquery日曆插件

時間 2019-11-11

標籤 jquery 日曆插件欄目 JQuery 简体版

原文原文鏈接

這是在14年工做的時候寫的一個日曆插件，當時實際上是想去網上找一個界面好看，並且有方便改代碼的插件，那時候比較笨，沒有找到想要的，後來就本身寫了一個，但我不擅長於寫樣式，寫完後後發現仍是很差看，用了一段時間後發現laydate，如今項目裏基本都使用laydate日曆插件了。我寫的這個是有不少功能不完善的。在這裏主要是分享出來給初學jquery的同窗參考下。效果圖javascript

這個界面有的人會以爲似曾相識，其實css是參考的，具體出自哪裏就不記得了，css

js源代碼：http://git.oschina.net/sunyurepository/javascripthtml

用例：java

<!DOCTYPE html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
   <link rel="stylesheet" href="meCalendar.css">
    <script src="../jquery-1.11.1.min.js" type="text/javascript"></script>  
   <script src="jquery-calendar-v3.js" type="text/javascript"></script>
   <script type="text/javascript">
      $(function(){
         $("#mydate").calendar({
            format:'yyyy-MM-dd',//默認格式yyyy-MM-dd
            beginYear:2014,
            endYear:2030,
            max:new Date(),//最大時間設置只能爲Date,默認不設置
            istoday:true  //設置初始時間爲今天
            //callBack:back1 //回調
         });
         $("#mydate1").calendar({
            format:'yyyy年MM月dd',
            beginYear:2000,
            endYear:2020,
            min:new Date(),
            //callBack:back2
         
         });
         $("#mydate2").calendar({
            format:'yyyy年MM月dd',
            beginYear:2015,
            endYear:2020,
            min:new Date(),
            //callBack:back2
         });
      });
      function back1(time){
         //console.log("first invoded:"+time);
      }
      function back2(time){
         //console.log("second invoded:"+time);
      }
   </script>
</head>
<body>
   <input type="text" id="mydate" placeholder="日期"/>
   <input type="text" id="mydate1" placeholder="日期"/>
   <input type="text" id="mydate2" placeholder="日期"/>
   
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。