js時間控件只顯示年月
更新時間:2017年01月08日 08:59:19 作者:好學(xué)的菜鳥
本文詳細介紹了js時間控件只顯示年月的方法。具有一定的參考價值,下面跟著小編一起來看下吧
話不多說,請看代碼:
<input id="db" />
初始化加載db標簽。
$(function () {
$('#db').datebox({
onShowPanel: function () {//顯示日趨選擇對象后再觸發(fā)彈出月份層的事件,初始化時沒有生成月份層
span.trigger('click'); //觸發(fā)click事件彈出月份層
if (!tds) setTimeout(function () {//延時觸發(fā)獲取月份對象,因為上面的事件觸發(fā)和對象生成有時間間隔
tds = p.find('div.calendar-menu-month-inner td');
tds.click(function (e) {
e.stopPropagation(); //禁止冒泡執(zhí)行easyui給月份綁定的事件
var year = /\d{4}/.exec(span.html())[0]//得到年份
, month = parseInt($(this).attr('abbr'), 10); //月份,這里不需要+1
$('#db').datebox('hidePanel')//隱藏日期對象
.datebox('setValue', year + '-' + month); //設(shè)置日期的值
});
}, 0);
yearIpt.unbind();//解綁年份輸入框中任何事件
},
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);
}
});
var p = $('#db').datebox('panel'), //日期選擇對象
tds = false, //日期選擇對象中月份
yearIpt = p.find('input.calendar-menu-year'),//年份輸入框
span = p.find('span.calendar-text'); //顯示月份層的觸發(fā)控件
});
點擊顯示和獲取的值就只有年份了,留下以備不時之需。

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
您可能感興趣的文章:
- AngularJS ng-blur 指令詳解及簡單實例
- 老生常談onBlur事件與onfocus事件(js)
- jsp+ajax實現(xiàn)的局部刷新較驗驗證碼(onblur事件觸發(fā)較驗)
- javascript委托(Delegate)blur和focus用法實例分析
- Js中的onblur和onfocus事件應(yīng)用介紹
- AngularJS Controller作用域
- JS 實現(xiàn)計算器詳解及實例代碼(一)
- JSP頁面跳轉(zhuǎn)方法小結(jié)
- 詳解js中==與===的區(qū)別
- java后端把數(shù)據(jù)轉(zhuǎn)換為樹,map遞歸生成json樹,返回給前端(后臺轉(zhuǎn)換)
- 完美解決node.js中使用https請求報CERT_UNTRUSTED的問題
- JS實現(xiàn)iframe自適應(yīng)高度的方法示例
- Javascript blur與click沖突解決辦法
- jsp頁面顯示數(shù)據(jù)庫的數(shù)據(jù)信息表
相關(guān)文章
js自己實現(xiàn)一個大文件切片上傳+斷點續(xù)傳的示例代碼
本文主要介紹了js自己實現(xiàn)一個大文件切片上傳+斷點續(xù)傳的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
用javascript實現(xiàn)div可編輯的常見方法
用javascript實現(xiàn)div可編輯的常見方法...2007-10-10
layui.tree組件的使用以及搜索節(jié)點功能的實現(xiàn)
今天小編就為大家分享一篇layui.tree組件的使用以及搜索節(jié)點功能的實現(xiàn),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09

