本文实例为大家分享了日期时间选择时间日历控件的使用方法，供大家参考，具体内容如下

获得下载地址：http://www.layui.com/

此控件可使用获得或者独立版的播放日期，两者初始化有些不同

在获得模块中使用layui.code

！DOCTYPE html html html health eta charset=' utf-8 ' Titlelaydate快速使用/titlelink rel='样式表href='/static/build/layui。CSS ' rel='外部无跟随' media=' all '/headlyddiv class=' layui-inline '！-注意：这一层元素并不是必须的-input type=' text ' class=' layui-input ' id=' test1 '/div script src=' http :/static/build/layui。js '/script脚本layui。使用(' laydate '，function(){ var laydate=layui。laydate//执行一个日期时间选择实例laydate。渲染({ elem : ' # test1 '//指定元素});});/脚本/正文/html作为独立组件使用layui.code

！DOCTYPE html html health eta charset=' utf-8 '标题使用日期时间选择独立版/title/head dyinput type=' text ' id=' test1 ' script src=' http : laydate。js/执行一个日期时间选择实例laydate。渲染({ elem : ' # test1 '//指定元素});/脚本/正文/html详细配置和事件触发，注释写的很清楚了

卸货日期。render ({elem:' # test'/或elem:document。getelementbyid ('test ')、elem : lay(' test ')等。(类型：String/DOM，默认值：无必选项，用于绑定执行日期渲染的元素。一般取值为选择器或DOM对象)，键入： ' year '/year-提供仅年列表选择| |提供仅月年月选择| |日期-年、月、日可选择。键入默认值，一般不填写||time-只有小时、分钟和秒可用||datetime-可以选择：年、月、日、小时、分钟和秒，范围： true //范围： '~ '来自定义拆分字符。Format: 'yyyy MM月dd日'/可任意与yyyy MM月dd日HH小时MM分ss秒==2017年8月18日20: 08分08秒' yyyy/mm/DD '，value3360' 2018-08-18'/必须遵循Format参数设置的format String。默认值：newdate()，min : ' 2017-1-1 '/min/max-mini/wide日期和时间值类型：string，默认值：min3360' 1900-1-1 '，max3360' 2099-12-31 '，Trigger: 'click' //自定义弹出控件的事件(类型：String，默认值：focus，如果绑定元素不是输入框，默认事件为click)- click弹出，show: true //默认显示-类型：Boolean，默认值：false；如果：设置为true，默认情况下，控件将显示在绑定元素区域中。一般用于外部事件调用控制，position: 'static'/类型：String，默认值：absolute(固定，绝对，静态)，zindex 3360 9999999//堆叠顺序-类型：Number，默认值：6666666一般用于解决与其他元素相互隐藏的问题。如果位置参数设置为静态，则此参数无效，showBottom: false//是否显示底栏-类型：布尔值，默认值：true，如果设置为false，则不显示控件的底栏区域，btns3360 ['clear '，' now '，类型为' confirm']/:Array，默认值：['clear '，' now '，' confirm '](显示clear，today，confirm)，lang: 'en'//语言类型：String，默认值：cn -内置两种语言版本： 主题的可选值有：默认(简单默认)、molv(深绿色背景)、# color value(自定义颜色背景)、grid(网格主题)、calendar 3360 tree//是否显示公历节日-类型：布尔值，默认值：false，mark: {//标记重要的日子-类型：Object，默认值：no' 0-10-14': '生日'，' 0-12-31': '除夕'/每年12月31日，' 0-0-0 ' //获取初始日期和时间对象：{year : 2017，month : 8，date : 18，hours : 0，minutes : 0，seconds : 0 0 } }，日期和时间切换后更改：函数(值、日期、结束日期){//回调控制台。//获取日期生成的值，如：2017-08-18 console . log(date)；//获取日期和时间对象：{年份： 2017，月份： 8，日期： 18，小时： 0，分钟： 0，秒： 0 } console . log(end date)；//获取结束日期和时间对象，只有选择了范围(range: true)才会返回。对象成员同上。}，done :函数(值、日期、结束日期){//控件选中后回调——点击日期、清除、现在和确定都会触发。console.log(值)；//获取日期生成的值，如：2017-08-18 console . log(date)；//获取日期和时间对象：{年份： 2017，月份： 8，日期： 18，小时： 0，分钟： 0，秒： 0 } console . log(end date)；//获取结束日期和时间对象，只有选择了范围(range: true)才会返回。对象成员同上。}});以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。