手机版

详细说明如何使用laydate时间日历插件

时间:2021-08-28 来源:互联网 编辑:宝哥软件园 浏览:

本文分享laydate时间日历插件的使用,供大家参考。具体内容如下

1.前言

在处理页面表单时,我们会遇到日期类型的数据。我们可以通过时间插件让用户选择具体的时间,这样会更方便。今天将播放日期记录为时间插件。

2.代码显示

!doctype html headlang=' en ' metacarset=' utf-8 ' title test time插件/title/head dydiv H3开始和结束约束/h3开始日期:div class=' laydate-icon ' id=' start ' style=' width :200 px;Margin-right:10px'/div结束日期:div class=' laydate-icon ' id=' end ' style=' width :200 px '/div/div HR/div H3日历结构详细说明/h3日历插件:input class=' laydate-icon ' id=' time '//。-用法:直接介绍lay date . js-script type=' text/JavaScript ' src=' http 3360 lay date/lay date . js '/script script type=' text/JavaScript ' lay date . skin(' molv ');//设置皮肤var start={elem:' # start ',format : ' yyyy/mm/DD hh :mm 3360s ',min:laydate。now(),//将最小日期设置为当前日期max : ' 2099-06-16 23:59336059 ',//将最大日期设置为istime 3360 true,istoday: false,选择3360 function (data) {end。min=数据;//选择开始日期后,重置结束日期的最小日期} };var end={ elem: '#end ',format : ' YYYY/MM/DD hh :MM :s ',min: laydate.now(),max : ' 2099-06-16 23:59:59 ',istime: true,istoday: false,选择:函数(datas){ start . max=datas;//选择结束日期后,重置开始日期的最大日期} };laydate(开始);laydate(结束);var time={ elem:'#time ',format : ' YYYY-MM-DD hh :MM :s ',min:laydate.now(),max : ' 2999-12-31 23:59:59 ',Istime:true,//是否显示时、分、秒istoday:true,//是否显示[today]按钮start: 此函数中的时间戳可以是时间戳,也可以是天数* laydate.now(1):表示比当前时间* laydate晚一天. now(-1):表示比当前时间早一天* * laydate . 现在(3999634079890) :表示2096-09-28。如果需要指定当前的具体时间,可以使用时间戳(毫秒值)* *,如:laydate.now (newdate()。gettime () 300000,' yyyy-mm-ddhh :mm 3360s ')表示比当前时间晚5分钟。获取js: newdate()中当前时间的时间戳。//重置日历控件坐标,一般在页面dom结构发生变化时使用。无参考* *官网:https://www.layui.com/laydate * *//脚本/html 3,页面显示

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:详细说明如何使用laydate时间日历插件是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。