easyui datetimebox 如何只顯示 月份,不顯示具體的資料
最近的一個專案使用到easyui 中datetimebox 控制元件,但是隻要顯示月份資料,不需要顯示具體的日期資料
這個功能需要程式碼實現
<input id="db"/>
<script>
$(function () {
$('#db').datebox({
onShowPanel: function () {//顯示日趨選擇物件後再觸發彈出月份層的事件,初始化時沒有生成月份層
span.trigger('click'); //觸發click事件彈出月份層
if (!tds) setTimeout(function () {//延時觸發獲取月份物件,因為上面的事件觸發和物件生成有時間間隔
tds = p.find('div.calendar-menu-month-inner td');
tds.click(function (e) {
e.stopPropagation(); //禁止冒泡執行easyui給月份繫結的事件
var year = /\d{4}/.exec(span.html())[0]//得到年份
, month = parseInt($(this).attr('abbr'), 10); //月份,這裡不需要+1
$('#db').datebox('hidePanel')//隱藏日期物件
.datebox('setValue', year + '-' + month); //設定日期的值
});
}, 0)
},
parser: function (s) {
if (!s) return new Date();
var arr = s.split('-');
return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);
},
formatter: function (d) { return d.getFullYear() + '-' + (d.getMonth()+1);/*getMonth返回的是0開始的,忘記了。。已修正*/ }
});
var p = $('#db').datebox('panel'), //日期選擇物件
tds = false, //日期選擇物件中月份
span = p.find('span.calendar-text'); //顯示月份層的觸發控制元件
});
</script>
將上段程式碼拷貝到頁面中就可以實現這種功能了
相關文章
- EasyUI選擇日期只顯示年月UI
- chm 檔案開啟只顯示目錄,不顯示內容
- element table不顯示任何資料,無資料倒是顯示出無資料的了
- CAD中能顯示列印不顯示
- android studio 搜尋只顯示100條資料Android
- grep只顯示匹配部分
- Mac顯示/不顯示隱藏檔案教程!Mac
- win10 如何顯示資料夾大小 win10如何直接顯示資料夾大小Win10
- input 的placeholder不顯示如何解決
- win10 如何顯示隱藏資料夾_win10 如何顯示隱藏的資料夾Win10
- windows10圖示不顯示怎麼設定_win10圖示不顯示在桌面如何解決WindowsWin10
- win10系統開機鎖屏介面只顯示一張圖片不顯示日期時間如何解決Win10
- window10怎麼顯示資料夾大小 win10 如何顯示資料夾大小Win10
- [BUG反饋]自定義模型不顯示資料模型
- LINUX網路不顯示Linux
- svg轉iconfront不顯示SVG
- 華為遊戲浮標不顯示或顯示異常遊戲
- 英偉達:資料顯示顯示卡越好吃雞水平越高
- 如何讓文字只顯示兩行——塊級文字省略
- 資料顯示設定攻略
- win10時間不顯示日期怎麼辦_win10電腦只顯示時間沒有日期如何處理Win10
- win10 桌面圖示不顯示名字如何解決_win10桌面圖示不顯示名稱解決方法Win10
- SAP Spartacus PageLayoutComponent 如何知道自己應該顯示哪些具體內容
- bootstrap日期控制元件 只顯示 年月boot控制元件
- win10怎麼一直使用獨立顯示卡_win10雙顯示卡如何設定只使用獨立顯示卡Win10
- windows10照片大圖示不顯示怎麼辦_win10系統不顯示圖示的解決方法WindowsWin10
- win10 pc版微信不顯示圖示怎麼辦_win10 pc版微信不顯示圖示如何解決Win10
- win10應用程式的圖示顯示不出來怎麼辦_win10軟體圖示不顯示的解決方法Win10
- win10如何設定自動顯示資料夾大小_win10怎麼顯示資料夾的大小Win10
- CAD等分不顯示等分點
- WPF/C#:如何將資料分組顯示C#
- win10如何顯示桌面模式_win10桌面不見了如何顯示桌面模式Win10模式
- layui 輪播圖動態資料不顯示問題UI
- 登入觸發器不生效,只在alert日誌中顯示觸發器
- 【分類不顯示】後臺設定了分類,前臺怎麼不顯示?
- windows10系統如何讓此電腦中的資料夾不顯示Windows
- 資料庫下表和列名顯示資料庫
- vmware不顯示usb圖示解決辦法
- win10 如何不顯示最近活動 怎麼在win10不顯示最近使用Win10