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实现的使用方向键控制光标在table单元格中切换
Nov 17 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
Apr 06 Javascript
three.js绘制地球、飞机与轨迹的效果示例
Feb 28 Javascript
JavaScript数据结构中栈的应用之表达式求值问题详解
Apr 11 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
Jul 04 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
Vue实现的父组件向子组件传值功能示例
Jan 19 Javascript
详解JavaScript 的变量
Mar 08 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
Apr 10 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
Apr 27 Javascript
一篇文章了解正则表达式的替换技巧
Feb 24 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目录遍历函数opendir用法实例
2014/11/20 PHP
PHP中对数组的一些常用的增、删、插操作函数总结
2015/11/27 PHP
PHP函数超时处理方法
2016/02/14 PHP
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
2015/12/29 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
node.js中实现kindEditor图片上传功能的方法教程
2017/04/26 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
js实现随机8位验证码
2020/07/24 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
用PyQt进行Python图形界面的程序的开发的入门指引
2015/04/14 Python
在Python中实现贪婪排名算法的教程
2015/04/17 Python
python 性能优化方法小结
2017/03/31 Python
基于anaconda下强大的conda命令介绍
2018/06/11 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
PyTorch的深度学习入门之PyTorch安装和配置
2019/06/27 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
python列表删除和多重循环退出原理详解
2020/03/26 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
canvas实现俄罗斯方块的方法示例
2018/12/13 HTML / CSS
私人会所最新创业计划书范文
2014/03/24 职场文书
中医学专业自荐信范文
2014/04/01 职场文书
婚纱店策划方案
2014/05/22 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
布达拉宫导游词
2015/02/02 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
详解MySQL中timestamp和datetime时区问题导致做DTS遇到的坑
2021/12/06 MySQL