js实现时间日期校验

本文实例为大家分享了js实现时间日期校验的具体代码，供大家参考，具体内容如下

1. 通用的时间校验方式

$.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;
  }
 }, "开始时间必须小于结束时间！");

 $.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;
  }
 }, "结束时间必须大于开始时间！");

2. 如果用的laydate组件，也可以用以下的方法

var startTime = "";
var endTime = "";

 startTime = laydate.render({
  elem : '#startTime',
  type : 'datetime',
  trigger: 'click', //使触发方式为click，解决一闪而过的问题
  change: function(value, dates, edate){  //实现双击可选中
   $(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
    $(".layui-laydate").remove();
    $("#startTime").val(value);
    endTimeControl(date);  //控制结束时间的最小值
   });
  },
  done : function(value, date){
   endTimeControl(date);
  }
 });

 endTime = laydate.render({
   elem : '#endTime',
   type : 'datetime',
   trigger: 'click', //使触发方式为click，解决一闪而过的问题
   change: function(value, dates, edate){  //实现双击可选中
    $(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
     $(".layui-laydate").remove();
     $("#endTime").val(value);
     startTimeControl(date);
    });
   },
   done : function(value, date){
    startTimeControl(date);
   }
 });

 /** 结束时间控制 */
 function endTimeControl(date){
  endTime.config.min = {
   year: date.year,
   month: date.month - 1,
   date: date.date,
   hours: 0,
   minutes: 0,
   seconds: 0
  };
 };

 /** 开始时间控制 */
 function startTimeControl(date){
  startTime.config.max = {
   year: date.year,
   month: date.month - 1,
   date: date.date,
   hours: 0,
   minutes: 0,
   seconds: 0
  };
 };

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。

    复制代码 代码如下: //传入从数据库中取出的日期类型数据 function getformatdate(d){ var formate_datetime; var array = d.split(" "); var date = array[0]; var time = array[1]; var array_date = date.split("-"); var array_time = time.split(":"); var second

  • 原生js实现日期选择插件

    最近公司项目告一段落,想着写个小玩意打发下上班时间,就用js很粗糙的实现了下日期选择插件.间间断断历时1天多,实现了选择日期的功能,从写完的整体代码来看,耦合度还是蛮高的,我觉得还是我对js中的原型继承方式理解不深刻,一定有更优雅的方式再优化下这份粗糙的代码,各位前端小伙伴们在看完我的代码后请麻烦指出其中实现的不好的地方,有批评指正让我有动力继续写博客嘛! 先说下这个插件的功能:功能很简单,目前只实现了选择一个日期(当然可以赋初始值,默认是当前日期),选择跨月日期时,会有一个粗糙的动画效果,效果

  • javascript实现时间日期的格式化的方法汇总

    有的时候,我们需要一定格式的 时间 比如 2017-05-12 08:48 这样的格式. 上代码先 时间格式化 第一种 function formatDate(time){ var date = new Date(time); var year = date.getFullYear(), month = date.getMonth() + 1,//月份是从0开始的 day = date.getDate(), hour = date.getHours(), min = date.getMinute

  • 5个最佳的Javascript日期处理类库分享

    5个最佳的Javascript日期处理类库分享

    在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法.当然如果大家有时间的话,完全可以自己开发和编写需要的方法,但是有效的使用别人已经开发好的类库肯定是一个更好的处理方式,没有必要什么都原创吧,君子善假于物也.今天这里我们收集了5个最佳的日期处理函数类库,希望对于大家有帮助,如果你喜欢我们的文章,请大家给我们留言,谢谢! 1. XDate 这个类库是javascript本地日期对象

  • 日期处理的js库（迷你版）--自建js库总结

    日期处理的js库（迷你版）--自建js库总结

    接口+继承+代码优化思想 先分享下我觉得一个很不错的js编程小技巧,达到很大的代码共用性! 因为很多js库会在原生的对象上进行直接原型扩展,但这是很不好的习惯,不仅加重了每个新实例对象的内存消耗,而且容易造成污染性误解(以为有这东西)!而这也是建js库一个准则:尽量少的原型扩展,特别是越根部的对象! js建库准则 js建库准则(Dean Edwards在开发base2时候的一些体会)翻译版:http://biaoge.me/2009/12/239 js建库学习好地方:http://ejohn.o

  • js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期

    js 获取 本周.上周.本月.上月.本季度.上季度的开始结束日期 /** * 获取本周.本季度.本月.上月的开始日期.结束日期 */ var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getYear(); //当前年 nowY

  • Moment.js 不容错过的超棒Javascript日期处理类库

    使用这个类库,可以帮助你有效的处理相关日期.希望大家喜欢! 主要特性: 3.2kb超轻量级 独立类库,意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳,String,指定格式的Date 日期处理:加,减日期 日期显示:包括相对时间显示的日期显示选项 其它内建的功能,例如,保存,timezone offset和i18n支持 可以作为node.js的一个模块 完整的文档介绍 如何使用? 复制代码 代码如下: var now = moment(); console.log(now.format

  • JavaScript日期库date-fn.js使用方法解析

    用JavaScript处理日期并不容易.因此,如果您查看大多数应用程序的 package.json 文件,通常会在其中找到像 Moment.js 这样的库. 它对开发人员对解析/格式化/计算日期而言不再那么艰巨,但 Moment.js 是最早臭名昭著的库之一. 但是您知道一个名为 date-fns 的库吗? date-fn官网 date-fns 通常被认为是 Moment.js 的一个有价值的替代品.不仅因为它提供了相同的特性集,而且它还吸引了函数式程序员. 安装 date-fns 您可以使用n

  • js实现时间日期校验

    本文实例为大家分享了js实现时间日期校验的具体代码,供大家参考,具体内容如下 1. 通用的时间校验方式 $.validator.addMethod("validatestart", function(value, element) { var start = new Date($('#startTime').val()).getTime(); var end = new Date($('#endTime').val()).getTime(); if(end < start){ r

  • js 格式化时间日期函数小结

    复制代码 代码如下: Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.g

  • js时间日期格式化封装函数

    js时间日期格式化封装函数

    js虽然提供了各种获取时间Date对象的不同属性方法,如:getDate 方法 | getDay 方法 | getFullYear 方法 | getHours 方法 ... ... 等等,但是却没有像java那样提供一个方法来供用户来根据自身提供的模板(pattern),来格式化指定时间对象,所以自己就封装了一个小方法,只供大家闲来调侃-.-,有好的建议还望慷慨指荐哦. 用到知识点: arguments:该对象代表正在执行的函数和调用它的函数的参数.不可显式创建,虽然有length属性,且能像数

  • js正则格式化日期时间自动补0的两种解法

    目录 背景 解法一 思路: 代码: 解法二 思路: 总结 参考 背景 时间日期格式化的需求很常见,也有很多工具类转换方法,比如需要将2022-3-4这种日期格式转化为2022-03-04,也就是实现个位数月份或天数日期自动前置补 0.用moment.js.dayjs第三方库的 API 也很容易做到,这里我们自己实现一下看看. 解法一 思路: 先来看看常规方案.就用这个2022-3-4日期来举例子,我们先根据-切分字符串,得到一个数组,然后分别识别3.4这种个位数日期,<10就前置补 0,否则不操

  • js和C# 时间日期格式转换的简单实例

    下午在搞MVC和EXTJS的日期格式互相转换遇到了问题,我们从.NET服务器端序列化一个DateTime对象的结果是一个字符串格式,如 '/Date(1335258540000)/' 这样的字串. 整数1335258540000实际上是一个1970 年 1 月 1 日 00:00:00至这个DateTime中间间隔的毫秒数.通过javascript用eval函数可以把这个日期字符串转换为一个带有时区的Date对象,如下 用var date = eval('new ' + eval('/Date(

  • .Net与JS时间日期格式的转换问题对比分析

    本文实例分析了.Net与JS时间日期格式的转换问题.分享给大家供大家参考,具体如下: Js中的1415349957524整数 ,其实代表的是1970.1.1 00:00:00至现今某个时间点的时间间隔毫秒数.而在.Net中,我们可以用Ticks属性得到0001.1.1 00:00:00至现今某个时间点的时间间隔毫秒数. 具体代码实现如下所示: JS: //获取1970.1.1 00:00:00至现在的毫秒数 var milDate = +(new Date); .Net: //获取1970.1.

  • JS实现时间校验的代码

    常用于活动时间结束弹窗提示 注意: 1.只是JS校验时间提示,并不安全 2.前台页面的时间校验不影响后台,所以,当用户修改本地计算机时间时,可能存在不安全因素 1.直接看代码 var mydate = new Date(); var date = myDate(); function activeData(){ if(!isDateBetween(date,'2018/01/30','2018/03/31')){ //在有效时间,对应处理逻辑 }else{ //不在有效时间,对应处理逻辑 } }

  • JS获取时间的相关函数及时间戳与时间日期之间的转换

    时间戳和时间日期的转换是常见的操作,下面就通过代码实例介绍一下如何实现它们之间的相互转换. 在没学习本文之前先给大家介绍下javascript中Date()构造函数参数: 关于Date对象大家想必一定不陌生,使用Date()构造函数创建一个时间对象是最基本的操作了,例如: var theDate=new Date(); theDate.getDate(); 使用以上代码可以获取当前日期的天. 上面是对于Date()构造函数最简单的应用了,Date对象具有多种构造函数,下面简单列举如下: new

  • BootStrapValidator与My97日期校验的实例代码

    首先my97的API中有自定义事件中有 onpicking 和 onpicked 事件 .onclearing 和 oncleared 事件.年月日时分秒的 changing和changed. 我的html页面中需要展示的日期样子是: <label class="col-xs-2 control-label" for="ConstructionPlanAdd_planStartTime">开始时间:</label> <div class

  • js简单时间比较的方法

    本文实例讲述了js简单时间比较的方法.分享给大家供大家参考,具体如下: //时间比较(yyyy-MM-dd) function compareDate(startDate, endDate) { var arrStart = startDate.split("-"); var startTime = new Date(arrStart[0], arrStart[1], arrStart[2]); var startTimes = startTime.getTime(); var arr

随机推荐