laydate 显示结束时间不小于开始时间

jsp:

<div class="form-group">
    <label >交易时间:</label>
        <input placeholder="开始日期" class="form-control layer-date" id="startDate" name="startDate">
        <input placeholder="结束日期" class="form-control layer-date" id="endDate" name="endDate">
</div>

js:

<script type="text/javascript">
var start = {
            elem: ‘#startDate‘,
            format: ‘YYYY-MM-DD‘,
            max: laydate.now(),
            istime: false,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后,重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: ‘#endDate‘,
            format: ‘YYYY-MM-DD‘,
            max: laydate.now(),
            istime: false, //是否开启时间选择
            istoday: false,
            isclear: true, //是否显示清空
            issure: true, //是否显示确认
            choose: function (datas) {
                start.max = datas; //结束日选好后,重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
        //给input赋值
        $(‘#startDate‘).val(laydate.now(-30, ‘YYYY-MM-DD‘));
          $(‘#endDate‘).val(laydate.now(0, ‘YYYY-MM-DD‘));
</script>

时间: 2024-10-11 07:02:11

laydate 显示结束时间不小于开始时间的相关文章

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

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

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

//引入验证控件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+(?=-[^-]+$)/,

antD 结束时间不能小于开始时间

import React from 'react' import { Layout, Row, Button, Table, DatePicker, Form, Col, Input, message, Modal } from 'antd' import ModalCon from './addEdit' import ReactEcharts from 'echarts-for-react' import '../riverWater.less' import { queryByPage }

WdatePicker 开始日期不能大于结束日期,结束时间不能小于开始时间

<input class="input_calendar inputcss" id="startDate" runat="server" type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')||\'2120-10-01\'}'})" style="height: 30px; width: 153px;"/

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){ al

php 本周开始时间和结束时间;本月开始时间结束时间;上月开始时间结束时间

<?php /** * 功能:取得给定日期所在周的开始日期和结束日期 * 参数:$gdate 日期,默认为当天,格式:YYYY-MM-DD * $first 一周以星期一还是星期天开始,0为星期天,1为星期一 * 返回:数组array("开始日期", "结束日期"); * */ function aweek($gdate = "", $first = 0){ if(!$gdate) $gdate = date("Y-m-d&quo

处理开始时间和结束时间先后问题

//时间顺序处理 $('#start').change(function () { startTime = $('#start').val(); endTime = $('#end').val(); if ((startTime > endTime)&&(endTime!="")) { dialog({ onshow: function () { var obj = this; this.content('<span class="text-dan

js 开始时间,当前时间,结束时间的比较

//开始时间不能小于当前时间 function startTimeIsBigThanTotay(startTime){ var startdate = new Date((startTime).replace(/-/g,"/")); var date = new Date(); if(startdate < date) { return false; } else { return true; } } //结束时间不能小于当前时间 function endThanTotay(en

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

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