国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript特殊日歷控件分享

2019-11-20 10:26:19
字體:
供稿:網(wǎng)友

本文為大家分享了一個(gè)炫酷的js日歷控件,供大家參考,具體內(nèi)容如下

引用JSLit.js 下載 JSLite.io,兼容 JSLite 和 jQuery

安裝方法

頁面引用 JSLite 或者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);  //返回更改的時(shí)間值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>

擴(kuò)展方法

  • hidePrevBtn:隱藏上一頁 按鈕 顯示未來時(shí)間,不能翻閱歷史
  • hide:點(diǎn)擊顯示界面
  • setDate:設(shè)置時(shí)間,傳json
  • time:設(shè)置是否可以選則時(shí)間 (時(shí)分) "yyyy/MM月dd日 hh:mm:ss" 序列號(hào)時(shí)間格式 'default' 默認(rèn)再input中顯示默認(rèn)時(shí)間或者指定時(shí)間

hide

點(diǎn)擊顯示界面

<div id="JSLiteCalenbar2"><div class="">點(diǎn)擊顯示</div></div><script type="text/javascript"> var obj3 = document.getElementById("JSLiteCalenbar2") new $.calendar(obj3,{  "now":"2014-09-15" },function(date){  //返回更改的時(shí)間值date=2014-10-11  console.log(date) }).hide();</script>

例子一

var obj3 = document.getElementById("JSLiteCalenbar2")new JSLite.calendar(obj3,{ "now":"2014-09-15"},function(date){ //返回更改的時(shí)間值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",//服務(wù)器當(dāng)前時(shí)間  "change":true,//是否更改當(dāng)前時(shí)間以前的內(nèi)容  "interfaceNum":3,//顯示當(dāng)前以后多少個(gè)日歷  "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){ //返回更改的時(shí)間值date=["2014-10-10,0","2014-10-11,0"] console.log(date)}).hidePrevBtn()

例子二

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

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 三门县| 乐陵市| 屏东县| 黑河市| 巨野县| 图们市| 迭部县| 故城县| 平利县| 洞口县| 宝山区| 乌审旗| 舟山市| 涞源县| 浦城县| 菏泽市| 镇安县| 南安市| 扬中市| 宽城| 岳阳县| 通渭县| 萍乡市| 年辖:市辖区| 湘潭县| 巧家县| 玛纳斯县| 开封市| 灌阳县| 丹巴县| 元阳县| 内乡县| 兴城市| 嵩明县| 台江县| 于都县| 永寿县| 阜新市| 赤城县| 乐清市| 洛宁县|