JavaScript外掛程式jsDatePick日期外掛程式使用教程

jsDatePick是一個免費的日期選擇JavaScript外掛程式，一個日曆控制項彈出層，可以用到網頁上也可以用在網頁的APP上，jsdatepick是一個JavaScript日期選取器，使用DOM技術產生的HTML代碼。閱讀下面的例子和文檔，在幾分鐘內，你可以在你的網站有一個彈出式日期選擇的解決方案。

閱讀下面的參數的完整的文檔，並下載jsdatepick。我們開發了jsdatepick作為自訂日期選擇模組為我們的網路資金管理軟體-檢查出來，如果你喜歡。

所有參數

useMode (Integer) ? 可能的值是1和2，如下：
1 ? 日曆的HTML將被直接添加到由目標領域
2 ? 日曆將顯示為一個彈出時，在目標提供的ID欄位被點擊。
target (String) ? 該領域的ID將日曆，通常一個文本輸入欄位的使用模式2時。
isStripped (Boolean) ? 當設定為true的日曆顯示沒有視覺設計與常用的模式1
selectedDate (Object) ? 當提供的，這個對象告訴日曆開啟這個日期選擇已經。
yearsRange (Array) ? 當供給，這陣的限制設定為該年的日曆功能。
limitToToday (Boolean) ? 允許你限制了可能的採收期為今天的日期。
cellColorScheme (String) ? 使您可以互換的範圍廣泛的顏色的日期的細胞的顏色。
可用的顏色方案：
aqua
armygreen
bananasplit
beige
deepblue
greenish
lightgreen
ocean_blue ? 如果你選擇不提供cellcolorscheme可變的日曆將預設顏色。
orange
peppermint
pink
purple
torqoise

簡單的JavaScript日曆日期

這是對jsdatepick日曆執行個體在行動與輸入場使用者啟動日曆輸入輸入欄位，然後選擇一個日期，自動返回選定的日期欄位。這是一個JavaScript日曆上最基本的使用。

<input globalnumber="176" size="12" id="inputField" type="text">< script>new JsDatePick({    useMode:2,    target:"aFieldId"});< /script>

完整的詳細配置

jsdatepick擁有一系列的擴充或限制的預設功能參數。查看完整參數列表上面的完整列表。下面的聲明顯示，究竟什麼是可能的。

<input globalnumber="257" size="12" id="inputField2" type="text">< script>new JsDatePick({    useMode:2,    target:"aFieldId",            isStripped:false,    selectedDate:{        year:2009,        month:4,        day:16    },    yearsRange: new Array(1971,2100),    limitToToday:true,});< /script>

直接添加HTML的例子

這是一個HTML直接添加jsdatepick日曆的例子。當使用這種方法，建議保持參考為JavaScript對象檢索選定的日期後，當日曆點擊。這是通過設定一個函數的定義onselected事件處理常式，使用方法JsDatePick.setOnSelectedDelegate (function(){ alert(“a date has been chosen!”); });

<script>g_calendarObject = new JsDatePick({    useMode:1,    isStripped:true,    target:"aFieldId",  cellColorScheme:"armygreen"});g_calendarObject.setOnSelectedDelegate(function(){    var obj = g_calendarObject.getSelectedDay();    alert("a date was just selected and the date is : " + obj.day + "/" + obj.month + "/" + obj.year);});< /script>

一個div代表例細胞設定日曆。