layDate日期控件使用方法详解


Posted in Javascript onNovember 15, 2018

本文实例为大家分享了layDate日期控件的使用方法,供大家参考,具体内容如下

效果:

 layDate日期控件使用方法详解

1.引入js文件

<script src="__PUBLIC__/laydate/laydate.js"></script>

2.初始化laydate控件

//日期

 var start = {

  elem: '#start_time',//选择ID为START的input
  event:'click',
  format: 'YYYY-MM-DD',//自动生成的时间格式
  istime: true,//必须填入时间
  istoday: false, //是否是当天
  start: laydate.now(0,"YYYY-MM-DD"), //设置开始时间为当前时间

  choose: function(datas){
    end.min = datas; //开始日选好后,重置结束日的最小日期
    end.start = datas //将结束日的初始值设定为开始日

  }

 };

 var end = {

  elem: '#end_time',
  format: 'YYYY-MM-DD',
  istime: true,
  istoday: false,
  start: laydate.now(0,"YYYY-MM-DD"),
  choose: function(datas){

   start.max = datas; //结束日选好后,重置开始日的最大日期

  }
 };

 laydate(start);
 laydate(end);

注意事项:用文本控件显示时间格式的时候,格式要和初始化的laydate保持一致,不然会出现。再次选择时间时,原始时间被清空。

value={$discount['start_time']|date='Y-m-d',###}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
javascript实现二级级联菜单的简单制作
Nov 19 Javascript
基于jquery实现ajax无刷新评论
Aug 19 Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 Javascript
JS双击变input框批量修改内容
Dec 12 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
Jan 11 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
认识less和webstrom的less配置方法
Aug 02 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
Sep 17 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 Javascript
vue2中引用及使用 better-scroll的方法详解
Nov 15 #Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 #Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 #Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 #Javascript
vue 移动端适配方案详解
Nov 15 #Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 #Javascript
vue地址栏直接输入路由无效问题的解决
Nov 15 #Javascript
You might like
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
PHP获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
快速学习jQuery插件 Form表单插件使用方法
2015/12/01 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
React-router4路由监听的实现
2018/08/07 Javascript
小程序实现日历左右滑动效果
2019/10/21 Javascript
JavaScript实现刮刮乐效果
2020/11/01 Javascript
python使用xpath中遇到:到底是什么?
2018/01/04 Python
python+opencv识别图片中的圆形
2020/03/25 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
Python读写zip压缩文件的方法
2018/08/29 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
20行python代码的入门级小游戏的详解
2019/05/05 Python
Python中的 sort 和 sorted的用法与区别
2019/08/10 Python
Python3+selenium实现cookie免密登录的示例代码
2020/03/18 Python
Python使用Excel将数据写入多个sheet
2020/05/16 Python
keras和tensorflow使用fit_generator 批次训练操作
2020/07/03 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
Python TestSuite生成测试报告过程解析
2020/07/23 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
CSS3田字格列表的样式编写方法
2018/11/22 HTML / CSS
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
新闻专业个人求职信
2013/12/19 职场文书
安全大检查反思材料
2014/01/31 职场文书
公司会计主管岗位责任制
2014/03/01 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python
一次MySQL启动导致的事故实战记录
2021/09/15 MySQL
Python实现制作销售数据可视化看板详解
2021/11/27 Python