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>
將上段程式碼拷貝到頁面中就可以實現這種功能了
相關文章
- bootstrap datetimepicker 中只顯示年或者只顯示月份boot
- EasyUI選擇日期只顯示年月UI
- iOS設定tabbar不顯示文字,只顯示圖片iOStabBar
- Win10系統工作列只顯示時間不顯示日期如何解決Win10
- win7圖片只顯示圖示不顯示預覽圖解決方案Win7圖解
- element table不顯示任何資料,無資料倒是顯示出無資料的了
- 如何使資料庫中大的浮點數正常顯示,不變成科學計數法顯示資料庫
- Mac顯示/不顯示隱藏檔案教程!Mac
- win10 如何顯示資料夾大小 win10如何直接顯示資料夾大小Win10
- win10 如何顯示隱藏資料夾_win10 如何顯示隱藏的資料夾Win10
- 華為遊戲浮標不顯示或顯示異常遊戲
- win10系統開機鎖屏介面只顯示一張圖片不顯示日期時間如何解決Win10
- windows10圖示不顯示怎麼設定_win10圖示不顯示在桌面如何解決WindowsWin10
- struts + hibernate 資料集合如何顯示
- input 的placeholder不顯示如何解決
- window10怎麼顯示資料夾大小 win10 如何顯示資料夾大小Win10
- [BUG反饋]自定義模型不顯示資料模型
- TortoiseGit資料夾和檔案圖示不顯示解決方法Git
- win10 桌面圖示不顯示名字如何解決_win10桌面圖示不顯示名稱解決方法Win10
- 如何顯示&字元字元
- java的struts2專案實現網站首頁只顯示域名不顯示index.do的做法Java網站Index
- 解決Win7 軟體圖示不顯示--Win7圖示異常,快捷方式不顯示解決方法Win7
- Win10系統下工作列時間不顯示月份如何解決Win10
- win10 pc版微信不顯示圖示怎麼辦_win10 pc版微信不顯示圖示如何解決Win10
- win10如何顯示桌面模式_win10桌面不見了如何顯示桌面模式Win10模式
- android studio 搜尋只顯示100條資料Android
- 關於逐步顯示資料如何實現
- 電腦顯示器黑屏 顯示器不亮的解決辦法
- Win10系統svn小圖示不顯示怎麼辦 win10下svn不顯示小圖示如何解決Win10
- win10時間不顯示日期怎麼辦_win10電腦只顯示時間沒有日期如何處理Win10
- FA - Mass Addition Create Report不顯示資料
- 資料顯示設定攻略
- bootstrap日期控制元件 只顯示 年月boot控制元件
- *.cpl檔案的妙用(隨意修改cpu顯示資料,記憶體顯示隨意修改等等)記憶體
- windows10照片大圖示不顯示怎麼辦_win10系統不顯示圖示的解決方法WindowsWin10
- 【jquery+easyUI】-- $.messager.show 彈框顯示jQueryUI
- EasyUI 滑鼠經過 顯示氣泡一例UI
- svg轉iconfront不顯示SVG