javascript 判断时间控件中,结束时间不能大于开始时间

1,在时间控件的onblur的时间上绑定checkDate()方法。

2,在js中添加如下方法:

function checkDate(){
        var str_date = document.getElementById("str_date").value;
        var end_date = document.getElementById("end_date").value;
        if(getDate(str_date)-getDate(end_date)>0){
            alert("结束时间不能小于开始时间!");
            return false;
        }
    }
    function getDate(date){
        var dates = date.split("-");
        var dateReturn = ‘‘;
        for(var i=0; i<dates.length; i++){
            dateReturn+=dates[i];
        }
        return dateReturn;
    }
时间: 2024-10-26 09:06:25

javascript 判断时间控件中,结束时间不能大于开始时间的相关文章

时间控件-简单的时间控件

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="Scripts/jquery-1.10.2.js"><

给表单验证控件添加结束时间不得小于开始时间的验证方法

//引入验证控件JS <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> function getDate(strDate) {  var date = eval('new Date('    + strDate.replace(/\d+(?=-[^-]+$)/,

关于Web项目里的给表单验证控件添加结束时间不得小于开始时间的验证方法,日期转换和前台显示格式之间,还有JSON取日期数据格式转换成标准日期格式的问题

项目里有些不同页面间的日期显示格式是不同的, 第一个问题: 比如我用日期控件WdatePicker.js导包后只需在input标签里加上onClick="WdatePicker()"就可以用了,但是默认是没有时分秒的,如果需要显示时分秒只需要加上WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})就行. **************************************************************************

Winform - 判断GroupBox控件中的TextBox文本框是不是为空

foreach (Control item in this.groupBox2.Controls) { if (item is TextBox) { if (item.Text.Trim() == "") { MessageBox.Show("文本框不能为空!", "提示"); return; } } }

Bootstrap中时间(时间控件)的设计

运用bootstrap的时间控件,生成时间选择器. 1.截图:有以下这些样式 10年视图        年视图         月视图         日视图         小时视图 2.视图设计: 1).年视图代码: <div class="container"> <input class="form_datetime form-control" type="text" value="" size=&qu

bootstrap 时间控件

最近使用了bootstrap的UI感觉确实很漂亮,非常值得学习和使用.下面先简单了解下bootstrap的时间控件. 这个时间控件使用起来还是非常的简单,只需要引入基本的css和js就可以了 需要引入的css和js:(文件引入路径根据自己的项目而定) <link href="<c:url value='/plugins/bootstrap-datetimepicker/css/datetimepicker.css'/>" rel="stylesheet&qu

mydate97时间控件最大值最小值限制及Javascript日期判断大小

<script language="javascript" type="text/javascript" src="<%=basePath %>js/datePicker/WdatePicker.js"></script><form id="searchForm" action="trans/triplist" method="post" ons

laydate时间控件:开始时间,结束时间最大最小值

时间控件地址及插件下载链接:https://www.layui.com/doc/modules/laydate.html 填充时间已两个功能为例: 1.添加功能 :时间 规则:选择开始时间后,点击结束时间必须大于开始时间: 如果先选择结束时间,开始时间必须小于结束时间: 代码如下: <html> <body> <input type="text" class="cousre-time" id="startTime"

VB6.0中,日期、时间控件不允许为空时,采用文本框与日期、时间控件相互替换赋值(解决方案)

VB6.0中,日期.时间控件不允许为空时,采用文本框与日期.时间控件相互替换赋值,或许是一个不错的选择. 实现效果如下图: 代码如下: 文本框txtStopTime1 时间框DTStopTime1 格式3 - dtpCustom  HH:mm:ss Private Sub Form_Load()       txtStopTime1.ZOrder       DTStopTime1.Top = txtStopTime1.Top       DTStopTime1.Left = txtStopTi