jeDate 日期控制項

寫在前面的話：

最近在做乙個日期範圍的功能，研究了乙個12306**的日期範圍選擇，他用的是jcalendar.js

,沒有直接在日曆外掛程式裡面做判斷開始時間小於結束時間

而是自己在**裡面做了判斷如下：

1

//初始化頁面的選擇框
2function initqueryinput(newstartdate,newenddate) 15}
16});
17});
1819 $('
#queryenddate
').focus(function()31}
32});
33});34}
3536
//獲取日期
37function getyears(number)

官網：jedate除了包含初始化日期加減n、日期標註點、輸入框可以直接輸入時間、設定年月（yyyy-mm）、日期範圍限制、開始日期設定、自定義日期格式、時間戳轉換、當天的前後若干天返回、時分秒選擇、智慧型響應、自動糾錯、節日識別，操作等常規功能外，根據不同的日期格式，顯示不同內容，還擁有更多趨近完美的解決方案。

1、解壓後，將jedate整個檔案放至您專案的任意目錄

2、控制項不支援選周

瀏覽器相容，下面是我們的主要相容目標1、ie8 或者 ie8以上 (windows), ie8以下瀏覽器不相容

2、safari (mac)

3、chrome (windows, mac, linux)

4、firefox (windows, mac, linux)

5、谷歌核心(webkit)瀏覽器，如360瀏覽器，搜狗瀏覽器，qq瀏覽器等

1

普通方法呼叫方式
23

skincell:"jedateblue",                //日期風格樣式，預設藍色

format:"yyyy-mm-dd hh:mm:ss", //日期格式
mindate:"1900-01-01 00:00:00", //最小日期
maxdate:"2099-12-31 23:59:59", //最大日期
instrigger:true, //是否為內部觸發事件，預設為內部觸發事件
startmin:"", //清除日期後返回到預設的最小日期
startmax:"", //清除日期後返回到預設的最大日期
isinitval:false, //是否初始化時間，預設不初始化時間
initaddval:[0], //初始化時間，加減 天 時 分
istime:true, //是否開啟時間選擇
hmslimit:true, //時分秒限制
ishmsval:true, //是否限制時分秒輸入框輸入，預設可以直接輸入時間
isclear:true, //是否顯示清空
istoday:true, //是否顯示今天或本月
clearrestore:true, //清空輸入框，返回預設日期，輸入框非空的情況下有效
festival:false, //是否顯示農曆節日
fixed:true, //是否靜止定位，為true時定位在輸入框，為false時居中定位
zindex:2099, //彈出層的層級高度
marks:null, //給日期做標註
choosefun:function(elem, val) {}, //選中日期後的**, elem當前輸入框id, val當前選擇的值
clearfun:function(elem, val) {}, //清除日期後的**, elem當前輸入框id, val當前選擇的值
okfun:function(elem, val) {}, //點選確定後的**, elem當前輸入框id, val當前選擇的值
success:function(elem) {}, //層彈出後的成功**方法, elem當前輸入框id

1

2

2、 yyyy-mm-dd hh:mm

3、 yyyy-mm-dd

4、 yyyy-mm

5、 yyyy

6、 hh:mm:ss

7、 hh:mm

當格式為 hh:mm:ss 或者 hh:mm 的時候，今天按鈕就被隱藏了，沒有秒的話就只顯示時分，沒有只顯示時的！

【返回日期】

2 $.nowdate(0), //

0代表今天，-1代表昨天，-2代表前天，1代表明天，2代表後天，以此類推34

【時間戳轉換】

5 $.nowdate("1460641190") 得到 2016-04-14 21:39:5067

【繫結id】89

1011

【jedate呼叫】

12//

點選顯示（yyyy年mm月dd日 hh:mm:ss）格式

13 $("#ymd01").jedate();

1819

//點選顯示（yyyy年mm月dd日 hh:mm）格式

20 $.jedate("#ymd02",)

2627

//點選顯示 yyyy年格式

28 $("#ymnian").jedate();

3233

//點選顯示 時分秒（hh:mm:ss）格式

34 $("#hm01").jedate();

3839

//點選顯示 時分（hh:mm）格式

40 $.jedate("#hm02",);

1

風格樣式（jedateblue、jedatered、jedategreen）2//
藍色風格
3 $("#skinblue").jedate();8//
紅色風格
9 $.jedate("#skinred",);
13//
綠色風格
【自定義日期格式】
2開始日期：
3結束日期：
4

jeDate日期控制項

前台 c autoeventwireup true codebehind timestyle.aspx.cs inherits personrecord.timestyle 頁面 當你點選文字框就會彈出日期 引數說明 跟詳細就去官網檢視 skincell jedateblue 日期風格樣式，預設藍色...

jeDate日期控制項的驗證

前面用到了jedate日期控制項的使用，在這個控制項的基礎上，做出一些完善 關於jedate日期控制項的驗證的問題 一般會有三種情況 1 對開始時間的驗證，開始時間不能超過當前日期 2 對結束時間的驗證，結束時間不能超過當前日期 3 開始時間和結束時間的區間驗證 驗證年月 function vali...

jedate日期外掛程式使用

jedate的官網位址jedate 以下用的jquery的.還有vue的方法 繫結節點 var startdata startdata enddata enddata var start yyyy mm dd 最大日期 okfun function obj var end yyyy mm dd 最大...