laydate只顯示時分 不顯示秒的功能實現(xiàn)方法
更新時間：2019年09月28日 11:40:52 作者：WINGZINGLIU
今天小編就為大家分享一篇laydate只顯示時分 不顯示秒的功能實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
場景
最近有個需求，需要選擇時間段，例如10:00 ~ 12:30。
目前的系統(tǒng)前端用的是layui，時間插件自然是選擇了laydate。
查閱了laydate的api發(fā)現(xiàn)并沒有直接可以設(shè)置去掉秒并且分鐘只顯示整10的配置。
然后就決定動手自己寫一下。
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#scheStartTime'+trindex,
type:'time',
trigger:'click',
format: 'HH:mm',
btns: ['clear', 'confirm'],
ready: formatminutes
});
});
首先設(shè)置format為'HH:mm' 格式，去除掉秒的展示。然后在ready中寫一個方法，ready的方法會在綁定之前執(zhí)行。
function formatminutes(date){
var aa = $(".laydate-time-list li ol")[1];
var showtime = $($(".laydate-time-list li ol")[1]).find("li");
for (var i = 0; i < showtime.length; i++) {
var t00 = showtime[i].innerText;
if (t00 != "00" && t00 != "10" && t00 != "20" && t00 != "30" && t00 != "40" && t00 != "50") {
showtime[i].hidden = true;
}
}
$($(".laydate-time-list li ol")[2]).find("li").remove(); //清空秒
}
formatminutes方法中進行移除非整10的分鐘(此處最好使用hidden不要使用remove，我發(fā)現(xiàn)remove會導(dǎo)致設(shè)置最大值最小值時候出現(xiàn)問題)，并且移除掉秒的li。
實現(xiàn)效果如圖所示。
以上這篇laydate只顯示時分 不顯示秒的功能實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
最近項目中遇到些字符串亂碼問題，解決后有些心得，記錄于此。2009-12-12
本文給大家淺析javascript調(diào)試方法和技巧，涉及到j(luò)avascript調(diào)試方法和技巧方面的知識，本文介紹的非常詳細(xì)，非常具有參考借鑒介紹，感興趣的朋友一起看看吧2015-10-10
微信小程序使用scroll-view標(biāo)簽實現(xiàn)自動滑動到底部功能的實例代碼
本文通過實例代碼給大家介紹了微信小程序使用scroll-view標(biāo)簽實現(xiàn)自動滑動到底部功能，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2018-11-11
這篇文章主要介紹了微信小程序引用外部js，外部樣式，公共頁面模板,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript前端中的常見異常以及如何捕獲這些異常,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考一下2024-03-03
詳解JS如何使用Promise緩存網(wǎng)絡(luò)請求
網(wǎng)絡(luò)請求是現(xiàn)代Web應(yīng)用中的常見操作,很多時候需要獲取服務(wù)器上的數(shù)據(jù),在進行網(wǎng)絡(luò)請求時,為了減輕服務(wù)器的壓力,緩存策略常被用來避免對同一數(shù)據(jù)的重復(fù)請求,本文將探討如何使用Promise結(jié)合緩存來高效處理網(wǎng)絡(luò)請求,需要的朋友可以參考下2023-12-12
每天一篇javascript學(xué)習(xí)小結(jié)（Boolean對象）
這篇文章主要介紹了javascript中的Boolean對象知識點，對Boolean對象的基本使用方法進行解釋，一段很詳細(xì)的代碼介紹，感興趣的小伙伴們可以參考一下2015-11-11
JS來動態(tài)的修改url實現(xiàn)對url的增刪查改
通過get方式提交post表單等方式來動態(tài)修改url存在諸多的不妥，因此，想到了通過JS來動態(tài)的修改url，來實現(xiàn)對url的增刪查改2014-09-09
讓您的菜單不離網(wǎng)站...2006-10-10
如何在JavaScript中實現(xiàn)私有屬性的寫類方式(一)
這篇文章主要介紹了如何在JavaScript中實現(xiàn)私有屬性的寫類方式。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12