laydate只顯示時(shí)分 不顯示秒的功能實(shí)現(xiàn)方法
更新時(shí)間：2019年09月28日 11:40:52 作者：WINGZINGLIU
今天小編就為大家分享一篇laydate只顯示時(shí)分 不顯示秒的功能實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
場(chǎng)景
最近有個(gè)需求，需要選擇時(shí)間段，例如10:00 ~ 12:30。
目前的系統(tǒng)前端用的是layui，時(shí)間插件自然是選擇了laydate。
查閱了laydate的api發(fā)現(xiàn)并沒(méi)有直接可以設(shè)置去掉秒并且分鐘只顯示整10的配置。
然后就決定動(dòng)手自己寫(xiě)一下。
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中寫(xiě)一個(gè)方法，ready的方法會(huì)在綁定之前執(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方法中進(jìn)行移除非整10的分鐘(此處最好使用hidden不要使用remove，我發(fā)現(xiàn)remove會(huì)導(dǎo)致設(shè)置最大值最小值時(shí)候出現(xiàn)問(wèn)題)，并且移除掉秒的li。
實(shí)現(xiàn)效果如圖所示。
以上這篇laydate只顯示時(shí)分 不顯示秒的功能實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇本文主要給大家介紹了JavaScript era庫(kù)的使用,使用 ora 這個(gè) JavaScript 庫(kù)可以在命令行應(yīng)用程序中提供漂亮的加載狀態(tài)提示,本文詳細(xì)介紹如何使用該庫(kù),并結(jié)合多個(gè)例子演示其功能,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了詳解javascript遍歷方式，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了JavaScript中setter和getter方法介紹的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細(xì)介紹了基于Echarts實(shí)現(xiàn)餅圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
Bootstrap導(dǎo)航條學(xué)習(xí)使用(二)
這篇文章主要為大家詳細(xì)介紹了Bootstrap導(dǎo)航條的使用方法第二篇，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
數(shù)組的 sort 方法默認(rèn)字符的編碼排序，有時(shí)候要給一組漢字排序，默認(rèn)的方法就不適用了。2008-06-06
javascript 同時(shí)在IE和FireFox獲取KeyCode的代碼
以前一直在IE8中測(cè)試網(wǎng)站，后來(lái)寫(xiě)的一部分含有Ajax的代碼出現(xiàn)了故障，不得已下載了Firefox以及它的插件Firebug，才發(fā)現(xiàn)，F(xiàn)F不支持windows.event事件。于是換了一種思路。2010-02-02
js 右鍵菜單，支持不同對(duì)象不同菜單(兼容IE、Firefox)
版本雖然很老也不符合標(biāo)準(zhǔn)了，不過(guò)代碼是值得參考的，需要右鍵菜單的朋友可以參考下。2010-01-01
當(dāng)網(wǎng)頁(yè)加載一個(gè)尺寸比較大的圖片時(shí)，往往會(huì)把一個(gè)網(wǎng)頁(yè)撐的變形，頁(yè)面變得很難看，于是我們就想到了用JS去控制超出一定范圍的圖片2013-08-08
javascript 漢字與拼音轉(zhuǎn)換...2007-02-02