Javascript时间格式校验

最新推荐文章于 2023-06-16 17:47:08 发布
最新推荐文章于 2023-06-16 17:47:08 发布
阅读量94 收藏
点赞数
文章标签： JavaScript HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/unikwu2004/article/details/83526918
版权
[code="java"][/code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TestTime.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function isTimeFormat()
{
var str = document.getElementById('times').value;
/*精确到秒
var time = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
if (time == null) {alert('输入的参数不是时间格式'); return false;}
if (time [1]>24 || time[3]>60 || time[4]>60)
{
alert("时间格式不对");
return false
}*/
//精确到分(时段12:20-14:50)
if(str==""){
alert('请求时段不能为空');
return false;
};
var time = str.match(/^(\d{1,2})(:)?(\d{1,2})-(\d{1,2})(:)?(\d{1,2})$/);
if (time == null){
alert('输入的参数不是有效的请求时段');
return false;
}
//alert(time[1]+":"+time[3]+" - "+time[4]+":"+time[6]);
if (time[1]>24 || time[3]>60 || time[4]>24 ||time[6]>60)
{
alert("时间格式不对");
return false
}
if ((time[1]+time[3])>(time[4]+time[6]))
{
alert('结束时间不能早于开始时间');
return false;
}
return true;
}
</script>
</head>

<body>
<input type="text" id="times">
<button οnclick="javascript:isTimeFormat();"> 测试时间格式</a>
</body>
</html>
unikwu2004
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js(正则表达式)验证时间格式
09-09
可以验证 ','、'-'、'/'不同格式的日期 还可以加上 时间 2010-02-2 12:02:2 进行有效验证 使用正则表达式
JavaScript验证时间格式
weixin_33831196的博客
12-31 98
1. 短时间，形如 (13:04:06) function isTime(str) { var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/); if (a == null) {alert('输入的参数不是时间格式'); return false;} if (a[1]&gt;24 || a[3]&gt;60 || a[4]&...
js 校验时间格式
weixin_52063946的博客
03-07 743
js 校验时间格式
Javascript检验时间格式
afhu47033的博客
12-24 67
<script> function CheckDateTime(str){ var reg = /^(\d{1,2}):(\d{1,2}):(\d{1,2})$/; var r = str.match(reg); if(r==null)r...
JS验证时间格式
那个谁的空间
09-16 848
//时间正则,匹配24小时格式或9:14或10:5这样的格式 function checkTimeFormat(str) { if(str ==''){ return true; } else { //不考虑时间中的空格如14 : 00或 14: 15 var noblank = str.replace(/(^/s+)|(/s+$)|(/s+)/g,"");//去除前中后所有空格 var patrn
js实现时间日期校验
11-20
本篇文章将探讨如何使用JavaScript实现时间日期的校验，确保用户输入的时间符合预期的逻辑。 首先，我们来看一个通用的时间校验方法。这里使用了jQuery库中的`$.validator.addMethod`来定义自定义验证规则。这个...
JavaScript校验设计.zip
12-05
在网页开发中，JavaScript校验设计扮演着至关重要的角色，它能够确保用户输入的数据符合预设的格式和规则，减少服务器端的压力，提高用户体验。本文将深入探讨JavaScript中的数据验证设计与数据获取。 一、...
javascript将异步校验表单改写为同步表单
10-24
本文将探讨如何使用JavaScript将异步校验表单改写为同步形式，以便在提供更好的用户体验的同时，减少不必要的网络请求，减轻服务器负担。 首先，我们来看一下异步表单校验的一个典型例子：检查工号是否存在。在这个...
js javaScript 验证校验小工具包
02-25
这个"js javaScript 验证校验小工具包"显然是一个集合了各种JavaScript验证和校验功能的资源库，旨在帮助开发者更方便地处理表单验证、数据格式检查等常见任务。 在前端开发中，验证和校验通常涉及以下几个方面： ...
js校验时间格式
三人行，必有我师焉。
05-21 1043
/**         *校验时间格式，如果时间格式不正确不进行实际工作时间计算         */         function checkDateTime(str) {             var reg = /^(0\d{1}|1\d{1}|2[0-3]):[0-5]\d{1}:([0-5]\d{1})$/;             if(reg.test(str)) {
日期时间格式判断js
10-14
有用的时间日期格式判断，满足不同的需求，YYYY-MM-DD, 时间格式检测：23:59:59的格式等
js 时间格式验证
weixin_33898876的博客
12-26 72
2019独角兽企业重金招聘Python工程师标准>>> ...
js校验日期时间的正则表达式
canlynetsky的博客
08-04 6601
时间就简单多了，后面的([0-1][0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]代表了小时、分、秒的正则，因为小时是00-23，所以针对0、1开头的后面可以跟0-9，但是对于2开头的，只能是0-3，后面的分钟、秒则是同一个规则，从00-59.2、月份和日期联合：(((0[13578]|1[02])/(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)/(0[1-9]|[12][0-9]|30))|(02/(0[1-9]|[1][0-9]|2[0-9])))..
JavaScript 对时间格式的检查与求时间差
kaka-java
12-15 125
$('img-collect').addEvent('click',function(e){ var quantity = $('txt-quantity').value; var url = 'wishListShow.htm?action=addToWishList&amp;productId=${param.id}&amp;quantity='+quantity; open...
【JS日期校验】
luotuo666的博客
03-10 594
##JS日期校验 <script> function validateCONFERENCEDATE(){ // 获取当前日期 var date = new Date(); // 获取当前月份 var nowMonth = date.getMonth() + 1; // 获取当前是几号 var
js 日期格式校验
qq_37763820的博客
07-08 1703
最近项目需要手动录入营业执照上的营业期限(起始日期-截止日期)，我打算把放在一个字段里面，做一些日期有效性的校验格式固定为（yyyymmdd-yyyymmdd）; 贴上js代码： var createDateOnLicense = $_("createDateOnLicense").value; var regex = /^(\d{4...
js--正则校验函数(如:时间格式、手机号脱敏、姓名为汉字...)
最新发布
前端小菜鸟的成长记录
06-16 405
【代码】js--正则校验函数(如:时间格式、手机号脱敏、姓名为汉字...)
JS时间校验
think
09-27 2476
function isValidDateString(dateString){ var pattern=/^ *(\d{4})-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})*$/; var arr=patt
bootstrap日期格式校验
06-10
Bootstrap 可以使用 `bootstrap-datepicker` 插件来进行日期格式校验。具体步骤如下： 1. 引入 bootstrap 和 bootstrap-datepicker 的 CSS 和 JS 文件。 ```html <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/4.5.0/js/bootstrap.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> ``` 2. 在 HTML 中添加日期选择器，并设置日期格式和校验规则。 ```html <input type="text" id="datepicker" data-provide="datepicker" data-date-format="yyyy-mm-dd" required> ``` 在这个示例中，我们使用了 `data-provide` 和 `data-date-format` 属性来设置日期选择器和日期格式。同时，我们还添加了 `required` 属性来设置日期为必填项。 3. 使用 JavaScript 初始化日期选择器，并添加校验规则。 ```javascript $(document).ready(function() { $('#datepicker').datepicker({ format: 'yyyy-mm-dd', startDate: '-3d', endDate: '+3d', autoclose: true, todayHighlight: true }); }); ``` 在这个示例中，我们使用了 `datepicker()` 方法来初始化日期选择器，并添加了一些校验规则，如 `startDate` 和 `endDate` 来限制可选日期的范围，`autoclose` 来自动关闭日期选择器，`todayHighlight` 来设置今天日期高亮显示。 这样就可以使用 bootstrap-datepicker 插件来进行日期格式校验了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值