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 相关文章推荐
一个JQuery写的点击上下滚动的小例子
Aug 27 Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
Nov 25 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
Mar 11 Javascript
《javascript少儿编程》location术语总结
May 27 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
Aug 16 Javascript
在Vue-cli里应用Vuex的state和mutations方法
Sep 16 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 Javascript
jQuery实现tab栏切换效果
Dec 22 jQuery
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将字符分解为多个字符串的方法
2014/11/22 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
php打包压缩文件之ZipArchive方法用法分析
2016/04/30 PHP
PHP实现网站访问量计数器
2017/10/27 PHP
Laravel实现ORM带条件搜索分页
2019/10/24 PHP
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
jquery队列函数用法实例
2014/12/16 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
JS实现简单的图书馆享元模式实例
2015/06/30 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
详解vuex状态管理模式
2018/11/01 Javascript
JavaScript Reflect Metadata实现详解
2019/12/12 Javascript
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
Python中turtle作图示例
2017/11/15 Python
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
Python Matplotlib 基于networkx画关系网络图
2019/07/10 Python
Python facenet进行人脸识别测试过程解析
2019/08/16 Python
python实现多进程通信实例分析
2019/09/01 Python
python 利用jinja2模板生成html代码实例
2019/10/10 Python
Python for循环搭配else常见问题解决
2020/02/11 Python
python 伯努利分布详解
2020/02/25 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
人力资源部门的主要职能
2014/02/22 职场文书
个人工作表现评语
2014/04/30 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
员工加薪申请报告
2015/05/15 职场文书
2015年大学教师工作总结
2015/05/20 职场文书
导游词之海南天涯海角
2019/12/05 职场文书