js時(shí)間控件只顯示年月
話不多說,請(qǐng)看代碼:
<input id="db" />
初始化加載db標(biāo)簽。
$(function () {
$('#db').datebox({
onShowPanel: function () {//顯示日趨選擇對(duì)象后再觸發(fā)彈出月份層的事件,初始化時(shí)沒有生成月份層
span.trigger('click'); //觸發(fā)click事件彈出月份層
if (!tds) setTimeout(function () {//延時(shí)觸發(fā)獲取月份對(duì)象,因?yàn)樯厦娴氖录|發(fā)和對(duì)象生成有時(shí)間間隔
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')//隱藏日期對(duì)象
.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'), //日期選擇對(duì)象
tds = false, //日期選擇對(duì)象中月份
yearIpt = p.find('input.calendar-menu-year'),//年份輸入框
span = p.find('span.calendar-text'); //顯示月份層的觸發(fā)控件
});
點(diǎn)擊顯示和獲取的值就只有年份了,留下以備不時(shí)之需。

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

