現在的出行類**都有日曆,所以介紹一款基於jquery的日曆外掛程式
進入官網:
解壓得到my97datepicker資料夾,將其放入專案內, 因為引入的是外部外掛程式這裡我將其放在lib資料夾內，
my97datepicker.htm是必須檔案,不可刪除(4.8以後不存在此檔案)
各目錄及檔案的用途:
wdatepicker.js 配置檔案,在呼叫的地方僅需使用該檔案,可多個共存,以xx_wdatepicker.js方式命名
config.js 語言和**配置檔案,無需引入(4.8以後合併入wdatepicker.js)
calendar.js 日期庫主檔案,無需引入
my97datepicker.htm 臨時頁面檔案,不可刪除(4.8以後不存在此檔案)
目錄lang 存放語言檔案,你可以根據需要清理或新增語言檔案
目錄skin 存放**的相關檔案,你可以根據需要清理或新增**檔案包
支援的瀏覽器:
如果el的值是this,可省略,即所有的el:this都可以不寫
設定highlineweekday屬性 ture 或 false 可指定是否高亮週末,預設高亮
自定義日期顯示格式 datefmt:'yyyy年mm月dd日 hh時mm分ss秒', 效果示例 : 2023年10月12日 21時38分29秒
設定doublecalendar屬性 是否是雙月模式,如果該屬性為true,則彈出同時顯示2個月的日期框
只用這些就能做出個簡單的日曆,還有換**...其他功能可以去官網檢視自行學習
My97 DatePicker 日期控制項
csdn資源位址 官方demo和文件 1.支援多種呼叫模式 除了支援常規在input單擊或獲得焦點呼叫外,還支援使用其他的元素如 2.下拉,輸入,導航選擇日期年月時分秒輸入框都具備以下三種特性 1.通過導航圖示選擇 2.直接使用鍵盤輸入數字 3.直接從彈出的下拉框中選擇 3.支援周顯示 可以通過配置...
My97DatePicker時間控制項
easyui控制項 my97datepicker控制項 修改之前 easyui 修改之後 my97datepicker 需要改變的地方 nf cus wdatepicker class wdate class easyui datetimebox data options 要去去除id的繫結，去掉i...
My97DatePicker 亂碼 編碼
發現 上的時間控制項亂碼了.檢視了下,是使用的第三方控制項 my97datepicker 解決方案第一步 開啟瀏覽器.搜出來解決方案涉及的2個檔案 config.js zh cn.js 在瀏覽器上開啟對應的js資源路徑 果然是亂碼.將該js檔案編碼型別修改為 utf 8 具體步驟 將zh cn.js...