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 相关文章推荐
JavaScript 滚轮事件使用说明
Mar 07 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
JQuery实现倒计时按钮具体方法
Nov 14 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 Javascript
jquery实现兼容IE8的异步上传文件
Jun 15 Javascript
JS实现单击输入框弹出选择框效果完整实例
Dec 14 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
微信小程序 绘图之饼图实现
Oct 24 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
Dec 31 Javascript
JS异步宏队列微队列原理详解
Sep 09 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
php批量删除数据
2007/01/18 PHP
PHP生成条形图的方法
2014/12/10 PHP
php删除指定目录的方法
2015/04/03 PHP
PHP远程调试之XDEBUG
2015/12/29 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
JavaScript Event学习第三章 早期的事件处理程序
2010/02/07 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
用js编写的简单的计算器代码程序
2015/08/04 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
js判断iframe中元素是否存在的实现代码
2016/12/24 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
2018/09/14 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
python模拟登录百度代码分享(获取百度贴吧等级)
2013/12/27 Python
Python编程中的反模式实例分析
2014/12/08 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
Python中的上下文管理器和with语句的使用
2018/04/17 Python
Django ManyToManyField 跨越中间表查询的方法
2018/12/18 Python
Python3 修改默认环境的方法
2019/02/16 Python
使用 css3 实现圆形进度条的示例
2017/07/05 HTML / CSS
微信小程序之html5 canvas绘图并保存到系统相册
2019/06/20 HTML / CSS
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
介绍一下linux的文件系统
2012/03/20 面试题
实习期自我鉴定
2013/10/11 职场文书
小组名称和口号
2014/06/09 职场文书
教师求职信
2014/06/17 职场文书
教师四风自我剖析材料
2014/09/30 职场文书
农业生产宣传标语
2014/10/08 职场文书
营销计划书
2015/01/17 职场文书
放假通知怎么写
2015/08/18 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
为什么node.js不适合大型项目
2021/04/28 Javascript
浅谈Python类的单继承相关知识
2021/05/12 Python