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 相关文章推荐
判断脚本加载是否完成的方法
May 26 Javascript
JavaScript CSS修改学习第六章 拖拽
Feb 19 Javascript
基于jsTree的无限级树JSON数据的转换代码
Jul 27 Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 Javascript
JavaScript中自定义事件用法分析
Dec 23 Javascript
js实现的牛顿摆效果
Mar 31 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
简单实现jQuery弹窗效果
Oct 30 jQuery
基于rollup的组件库打包体积优化小结
Jun 18 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 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
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
WordPress中访客登陆实现邮件提醒的PHP脚本实例分享
2015/12/14 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
asp 取文本框名称代码
2008/12/02 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
2016/01/12 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
vue filters的使用详解
2018/06/11 Javascript
浅谈vue父子组件怎么传值
2018/07/21 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
layui表格内放置图片,并点击放大的实例
2019/09/10 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
微信小程序学习之自定义滚动弹窗
2020/12/20 Javascript
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
[51:20]完美世界DOTA2联赛PWL S2 Magma vs PXG 第一场 11.28
2020/12/01 DOTA
Python实现抓取网页并且解析的实例
2014/09/20 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
pytorch中的weight-initilzation用法
2020/06/24 Python
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
美国创意之家:BulbHead
2017/07/12 全球购物
全球采购的街头服饰和帽子:Urban Excess
2020/10/28 全球购物
维德科技C#面试题笔试题
2015/12/09 面试题
村庄环境整治方案
2014/05/15 职场文书
中韩经贸翻译专业大学生职业生涯规划范文
2014/09/18 职场文书
元旦标语大全
2014/10/09 职场文书
乡镇法制宣传日活动总结
2015/05/05 职场文书
《全神贯注》教学反思
2016/02/22 职场文书
一文搞懂Java中的注解和反射
2022/06/21 Java/Android