引言

日期選擇插件有很多，今天說(shuō)一說(shuō)jedate

　源代碼

• github

快速上手

使用對(duì)象

<input class="datainp" id="indate" type="text" placeholder="請(qǐng)選擇" readonly> <input class="datainp" id="dateinfo" type="text" placeholder="請(qǐng)選擇" readonly>

使用方法

<script type="text/javascript"> jeDate({dateCell:"#indate",//isinitVal:true,format:"YYYY-MM-DD",isTime:false, //isClear:false,minDate:"2014-09-19 00:00:00" }) jeDate({dateCell:"#dateinfo",isinitVal:true,isTime:true, //isClear:false,minDate:"2014-09-19 00:00:00" }) </script>

核心方法：jeDate(options)

options是一個(gè)對(duì)象，它包含了以下key: '默認(rèn)值'dateCell:"#id", //目標(biāo)元素。由于jedate.js封裝了一個(gè)輕量級(jí)的選擇器，因此dateCell還允許你傳入class、tag這種方式 '#id .class'format:"YYYY-MM-DD hh:mm:ss", //日期格式minDate:"1900-01-01 00:00:00", //最小日期maxDate:"2099-12-31 23:59:59", //最大日期isinitVal:false, //是否初始化時(shí)間isTime:false, //是否開(kāi)啟時(shí)間選擇isClear:true, //是否顯示清空f(shuō)estival:false, //是否顯示節(jié)日zIndex:999, //彈出層的層級(jí)高度marks:null, //給日期做標(biāo)注choosefun:function(val) {}, //選中日期后的回調(diào)clearfun:function(val) {}, //清除日期后的回調(diào)okfun:function(val) {} //點(diǎn)擊確定后的回調(diào)

【自定義日期格式】

<div id="test1" class="jedate-icon"></div> <script> jeDate({dateCell: '#test1',format: 'YYYY/MM', // 分隔符可以任意定義，該例子表示只顯示年月festival: true, //顯示節(jié)日choose: function(datas){ //選擇日期完畢的回調(diào)alert('得到：'+datas);} }); </script>

【日期范圍限定在昨天到明天】

<div id="hello3" class="jedate-icon"></div> <script> jeDate({dateCell: '#hello3',minDate: jeDate.now(-1), //0代表今天，-1代表昨天，-2代表前天，以此類推maxDate: jeDate.now(1) //1代表明天，2代表后天，以此類推 }); </script>

【圖標(biāo)或其他按鈕觸發(fā)日期】

<input class="datainp" id="datebut" type="text" placeholder="請(qǐng)選擇" readonly> <input type="button" onClick="jeDate({dateCell:'#datebut',isTime:true,format:'YYYY-MM-DD hh:mm:ss'})" value="打開(kāi)">

============
查看演示

• 查看演示

下載

• jeDate.js

============

總結(jié)

以上是生活随笔為你收集整理的jquery 时间选择插件-jedate的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。