js實(shí)現(xiàn)時(shí)間日期校驗(yàn)
本文實(shí)例為大家分享了js實(shí)現(xiàn)時(shí)間日期校驗(yàn)的具體代碼,供大家參考,具體內(nèi)容如下
1. 通用的時(shí)間校驗(yàn)方式
$.validator.addMethod("validatestart", function(value, element) {
var start = new Date($('#startTime').val()).getTime();
var end = new Date($('#endTime').val()).getTime();
if(end < start){
return false;
}else{
return true;
}
}, "開(kāi)始時(shí)間必須小于結(jié)束時(shí)間!");
$.validator.addMethod("validateend", function(value, element) {
var start = new Date($('#startTime').val()).getTime();
var end = new Date($('#endTime').val()).getTime();
if(end < start){
return false;
}else{
return true;
}
}, "結(jié)束時(shí)間必須大于開(kāi)始時(shí)間!");
2. 如果用的laydate組件,也可以用以下的方法
var startTime = "";
var endTime = "";
startTime = laydate.render({
elem : '#startTime',
type : 'datetime',
trigger: 'click', //使觸發(fā)方式為click,解決一閃而過(guò)的問(wèn)題
change: function(value, dates, edate){ //實(shí)現(xiàn)雙擊可選中
$(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
$(".layui-laydate").remove();
$("#startTime").val(value);
endTimeControl(date); //控制結(jié)束時(shí)間的最小值
});
},
done : function(value, date){
endTimeControl(date);
}
});
endTime = laydate.render({
elem : '#endTime',
type : 'datetime',
trigger: 'click', //使觸發(fā)方式為click,解決一閃而過(guò)的問(wèn)題
change: function(value, dates, edate){ //實(shí)現(xiàn)雙擊可選中
$(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
$(".layui-laydate").remove();
$("#endTime").val(value);
startTimeControl(date);
});
},
done : function(value, date){
startTimeControl(date);
}
});
/** 結(jié)束時(shí)間控制 */
function endTimeControl(date){
endTime.config.min = {
year: date.year,
month: date.month - 1,
date: date.date,
hours: 0,
minutes: 0,
seconds: 0
};
};
/** 開(kāi)始時(shí)間控制 */
function startTimeControl(date){
startTime.config.max = {
year: date.year,
month: date.month - 1,
date: date.date,
hours: 0,
minutes: 0,
seconds: 0
};
};
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Moment.js 不容錯(cuò)過(guò)的超棒Javascript日期處理類庫(kù)
- 5個(gè)最佳的Javascript日期處理類庫(kù)分享
- 日期處理的js庫(kù)(迷你版)--自建js庫(kù)總結(jié)
- 用JavaScript將從數(shù)據(jù)庫(kù)中讀取出來(lái)的日期型格式化為想要的類型。
- javascript實(shí)現(xiàn)時(shí)間日期的格式化的方法匯總
- 原生js實(shí)現(xiàn)日期選擇插件
- js 獲取本周、上周、本月、上月、本季度、上季度的開(kāi)始結(jié)束日期
- JavaScript日期庫(kù)date-fn.js使用方法解析
相關(guān)文章
dess中一個(gè)簡(jiǎn)單的多路委托的實(shí)現(xiàn)
這個(gè)SDelegate用起來(lái)可能會(huì)比較詭異,比如很多操作都要重新賦值。Dess中,SDelegate主要用于一些特定場(chǎng)合,如DOM事件派發(fā)。2010-07-07
前端強(qiáng)大的圖片預(yù)覽組件Viewer.js使用方法
這篇文章主要給大家介紹了關(guān)于前端強(qiáng)大的圖片預(yù)覽組件Viewer.js使用方法的相關(guān)資料,Viewer.js是一款強(qiáng)大的圖片查看器,雖然簡(jiǎn)單且易上手,但是卻并不影響其在圖片查看方面的強(qiáng)大功能,同時(shí)這款優(yōu)秀的插件配置操作起來(lái)也非常的方便,需要的朋友可以參考下2024-01-01
javascript 實(shí)現(xiàn)文本使用省略號(hào)替代(超出固定高度的情況)
這篇文章主要介紹了javascript 實(shí)現(xiàn)文本使用省略號(hào)替代(超出固定高度的情況)的相關(guān)資料,需要的朋友可以參考下2017-02-02
小程序中監(jiān)聽(tīng)頁(yè)面滾動(dòng)的幾種方法實(shí)例
這段時(shí)間接了一個(gè)微信小程序項(xiàng)目,從此打開(kāi)小程序的新世界大門(mén),下面這篇文章主要給大家介紹了關(guān)于小程序中監(jiān)聽(tīng)頁(yè)面滾動(dòng)的幾種方法,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
一個(gè)最簡(jiǎn)單的級(jí)聯(lián)下拉菜單
一個(gè)最簡(jiǎn)單的級(jí)聯(lián)下拉菜單...2006-12-12
js+canvas實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證碼功能
這篇文章主要介紹了js+canvas實(shí)現(xiàn)滑動(dòng)拼圖驗(yàn)證碼功能,本文結(jié)合實(shí)例代碼分步驟給大家介紹的非常詳細(xì),需要的朋友可以參考下2018-03-03
javaScript call 函數(shù)的用法說(shuō)明
javaScript 中的 call() 是一個(gè)奇妙的方法,但也是一個(gè)讓人迷惑的方法,先看一下官方的解釋。2010-04-04
JavaScript之filter_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
filter也是一個(gè)常用的操作,它用于把Array的某些元素過(guò)濾掉,然后返回剩下的元素。下面通過(guò)實(shí)例代碼給大家簡(jiǎn)答介紹下javascript中的filter,需要的的朋友參考下吧2017-06-06
javascript顯示動(dòng)態(tài)時(shí)間的方法匯總
本文給大家匯總介紹了3種javascript實(shí)現(xiàn)動(dòng)態(tài)顯示時(shí)間的方法及詳細(xì)示例,有需要的小伙伴可以參考下2018-07-07

