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 相关文章推荐
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
Mar 01 Javascript
jQuery实现宽屏图片轮播实例教程
Nov 24 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
浅谈几种常用的JS类定义方法
Jun 08 Javascript
浅谈js中的变量名和函数名重名
Feb 13 Javascript
Vue.js在数组中插入重复数据的实现代码
Nov 17 Javascript
微信小程序实现星星评价效果
Nov 02 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
Sep 29 Javascript
javascript的delete运算符知识点总结
Nov 19 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
Jan 06 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 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
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
php在页面中调用fckeditor编辑器的方法
2011/06/10 PHP
如何使用“PHP” 彩蛋进行敏感信息获取
2013/08/07 PHP
PHP实现的简易版图片相似度比较
2015/01/07 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
Yii2使用dropdownlist实现地区三级联动功能的方法
2016/07/18 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
php如何获取Http请求
2020/04/30 PHP
js类中的公有变量和私有变量
2008/07/24 Javascript
jQuery 动态酷效果实现总结
2009/12/27 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
简单理解js的prototype属性及使用
2016/12/07 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
2018/05/10 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
pyqt5自定义信号实例解析
2018/01/31 Python
Python 3.x 判断 dict 是否包含某键值的实例讲解
2018/07/06 Python
python 判断文件还是文件夹的简单实例
2019/06/10 Python
使用Python爬虫库requests发送表单数据和JSON数据
2020/01/25 Python
python模拟斗地主发牌
2020/04/22 Python
Python内置异常类型全面汇总
2020/05/28 Python
详解canvas绘图时遇到的跨域问题
2018/03/22 HTML / CSS
商超业务员岗位职责
2014/03/12 职场文书
中学生励志演讲稿
2014/04/26 职场文书
早读课迟到检讨书
2014/09/25 职场文书
师德师风自查材料
2014/10/14 职场文书
反腐倡廉观后感
2015/06/08 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书
idea 在springboot中使用lombok插件的方法
2021/08/02 Java/Android
Python制作动态字符画的源码
2021/08/04 Python