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


Posted in Javascript onAugust 11, 2017

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>

以上这篇laydate 显示结束时间不小于开始时间的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
彪哥1.1(智能表格)提供下载
Sep 07 Javascript
最短的IE判断代码
Mar 13 Javascript
location对象的属性和方法应用(解析URL)
Apr 12 Javascript
JavaScript如何自定义trim方法
Jul 28 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
详解react服务端渲染(同构)的方法
Sep 21 Javascript
js实现登录与注册界面
Nov 01 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 Javascript
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
vue引入axios同源跨域问题
Sep 27 Javascript
JavaScript switch语句使用方法简介
Dec 30 Javascript
JavaScript分页组件使用方法详解
Jul 26 Javascript
JS非空验证及邮箱验证的实例
Aug 11 #Javascript
vue如何获取点击事件源的方法
Aug 10 #Javascript
Vue单文件组件基础模板小结
Aug 10 #Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 #Javascript
Vue数组更新及过滤排序功能
Aug 10 #Javascript
Webpack性能优化 DLL 用法详解
Aug 10 #Javascript
详解React Native网络请求fetch简单封装
Aug 10 #Javascript
You might like
文章推荐系统(三)
2006/10/09 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
PHP中的替代语法简介
2014/08/22 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
php实现修改新闻时删除图片的方法
2015/05/12 PHP
php生成酷炫的四个字符验证码
2016/04/22 PHP
PHP的imageTtfText()函数深入详解
2021/03/03 PHP
JS的数组的扩展实例代码
2008/07/09 Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
2009/03/26 Javascript
分享一个asp.net pager分页控件
2012/01/04 Javascript
jQuery下的动画处理总结
2013/10/10 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
Javascript基础教程之变量
2015/01/18 Javascript
javascript基于DOM实现省市级联下拉框的方法
2015/05/14 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
vue中添加mp3音频文件的方法
2018/03/02 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
js实现蒙版效果
2020/01/11 Javascript
基于JS实现table导出Excel并保留样式
2020/05/19 Javascript
JavaScript事件循环及宏任务微任务原理解析
2020/09/02 Javascript
python编写Logistic逻辑回归
2020/12/30 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
numpy中loadtxt 的用法详解
2018/08/03 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
深入浅析Python科学计算库Scipy及安装步骤
2019/10/12 Python
解决keras使用cov1D函数的输入问题
2020/06/29 Python
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
生物科学专业职业规划书范文
2014/02/11 职场文书
创意广告词
2014/03/17 职场文书
植树节口号
2014/06/21 职场文书
学生无故旷课检讨书
2014/09/20 职场文书
横店影视城导游词
2015/02/06 职场文书
2016年秋季运动会广播稿
2015/12/21 职场文书