layDate的使用;jquery日期组件

 时间:2024-11-09 00:51:55

1、下载layDate插件。可以直接https://www.layui.com/laydate进行插件的下载。

layDate的使用;jquery日期组件

2、解压layDate插件,然后复制laydate文件夹里面的内容,粘贴到新建项目的js文件夹下。

layDate的使用;jquery日期组件layDate的使用;jquery日期组件

3、打开新建的html代码页面,创建一个input文本框,然后给这个文本框设置id,案例中id="test"

layDate的使用;jquery日期组件

4、引入laydate.js文件,创建script标签,然后通过这个标签的src属于引入laydate.js文件

layDate的使用;jquery日期组件

5、使用时间组件。在引入laydate.js文件后面新建一个scrtip标签,然后通过插件提供的laydate.render()为文本框设置时间控件。代码:laydate.render({ elem: '#test' //元素的id });

layDate的使用;jquery日期组件

6、保存html代码后使用浏览器打开,鼠标放到文本框上,文本框下方这个时候就会显示时间选择框。

layDate的使用;jquery日期组件
  • 添加时间插件,layDate 日期与时间组件
  • jquery u datepicker使用 jquery ui 日期组件
  • 日期选择器插件jQuery Date Range Picker攻略
  • JavaScript对象——日期对象(Date)
  • 如何使用bootstrap的daterangepicker插件
  • 热门搜索
    豆苗怎么做好吃 对虾怎么做好吃 解梦大全查询自已梦见 豆角茄子的家常做法 大闸蟹怎么做好吃 怎么才能祛斑 冬瓜炖排骨的家常做法 湿热体质的表现症状及调理方法 华为手机大全 中暑了怎么恢复的快