laydate.js日期时间选择插件

日期时间选择插件laydate.js:

效果图：

1.引入JS。官网：http://laydate.layui.com

脚本类型=' text/JAVAScript ' src=' http : js/laydate。js /脚本

2.根据需要做相应的配置。详情参看官网。

脚本播放日期({ elem: '#seldate '，//目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入类别、标签但必须按照这种方式#id .类event:“焦点”，//响应事件。如果没有传入事件，则按照默认的单击格式： ' YYYY/MM/DD hh :MM :s '，//分隔符可以任意定义，该例子表示只显示年月festival: true，//显示节日istime: true，//显示时间选项选择：函数（数据){ //选择日期完毕的回调警报('得到：' datas)；} });/script实例源码：

！DOCTYPE html html标题元字符集='utf-8 '元http-equiv=' X-UA-兼容'内容=' IE=边'元名称=“视口”内容=' width=设备宽度，初始比例=1 '！- link href='favicon.ico' rel='快捷图标type=' image/x-icon '/link href=' fav icon。ico ' rel=' Bookmark '类型=' image/x-icon '/-meta name=' Generator '内容=' EditPlus ' meta name=' Author '内容=' meta name=' Keywords '内容=' meta name=' Description '内容=' title laydate日期时间选择插件/title link href=' rel='样式表/script type=' text/JAVAScript ' src=' http : js/laydate。js '/脚本/头体形式方法=' post '操作Way1，请选择日期：输入类型=' text ' name=' date ' onclick=' lay date()'/HR/Way 2，输入类型=' text ' name=' date ' id=' sel date ' class=' lay date-icon '/HR/脚本放置日期({ elem 3360 ' # sel date '，//目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入类别、标签但必须按照这种方式#id .类event:“焦点”，//响应事件。如果没有传入事件，则按照默认的单击格式： ' YYYY/MM/DD hh :MM :s '，//分隔符可以任意定义，该例子表示只显示年月festival: true，//显示节日istime: true，//显示时间选项选择：函数（数据){ //选择日期完毕的回调警报('得到：' datas)；} });/脚本Way3，输入id=' sel date 1 ' span class=' lay date-icon ' onclick=' lay date({ elem : ' # sel date 1 ' })；/span/表单/正文/HTMl点击此处查找更多信息：http://laydate.layui.com/

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