首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jedate教程

jedate教程

作者头像
王小婷
发布于 2025-05-18 11:08:37
发布于 2025-05-18 11:08:37
11100
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

jeDate日期控件 -(原生JS版)jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 大众化的日期控件,包含 多语言、设定年月(YYYY-MM)、日期范围限制、开始日期设定、自定义日期格式、根据不同的日期格式,显示不同内容。

官方文档:http://www.jemui.com/uidoc/jedate.html

图片.png
图片.png

链接:https://pan.baidu.com/s/1vJTof9Q16DV_En_vxmrh5g 密码:xmyq github:https://github.com/wangxiaoting666/jedate

下载jedate , 解压后不要改变文件夹内的目录结构,否则样式无法引入,然后引入jedate.js文件即可

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html>

   <head>
   	<meta charset="UTF-8">
   	<title></title>
   	<script  src="date/jedate/jedate.js"></script>
   </head>

   <body>
   	<input  type="text" class="form-control input-medium" placeholder="开始时间" name="" id="beginTime1" />
   	<input  type="text" class="form-control input-medium" placeholder="结束时间" name="" id="endTime1" /> 
   	
   </body>
   <script type="text/javascript">
   	jeDate({
   		dateCell: "#beginTime1",
   		format: "YYYY-MM-DD", //控制是否显示小时
   	});
   	jeDate({
   		dateCell: "#endTime1",
   		format: "YYYY-MM-DD", //控制是否显示小时
   	});
   </script>

</html>

原文作者:祈澈姑娘

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
jedate-开始使用一款好用的时间插件
jeDate日期控件 -(原生JS版)jeDate V6.5.0 是一款原生JS开发的 不依赖任何第三方库 大众化的日期控件,包含 多语言、设定年月(YYYY-MM)、日期范围限制、开始日期设定、自定
王小婷
2018/05/31
1.5K0
jeDate日期控件的使用以及选中后点确定按钮关闭功能
在之前的文章里,jedate-开始使用一款好用的时间插件:https://www.jianshu.com/p/961c3f364e2a,运用这款控件确实省了不少力气,这两年,该控件开发者也在不断的进行更新,所以在项目中有些引用也相对应的进行了一些改变,今天要实现一个 jeDate日期控件的使用以及选中后点确定按钮关闭功能。
王小婷
2025/05/18
860
jeDate日期控件的使用以及选中后点确定按钮关闭功能
jDate移动端用法
前面写过选择年月日的方法,其实也可以用在移动端,样式也还算可以,用法与pc端类似;
王小婷
2019/11/27
8290
JavaScript实现input框获取系统默认年月日时分秒
这是对旧的已上线项目的维护之中优化的一个部分,要求是在input框里面默认当前系统的时间。实现如下图所示的效果。
王小婷
2019/01/28
3.7K0
jeDate日期控件的使用以及选中后点确定按钮关闭功能
在之前的文章里,jedate-开始使用一款好用的时间插件:https://www.jianshu.com/p/961c3f364e2a,运用这款控件确实省了不少力气,这两年,该控件开发者也在不断的进行更新,所以在项目中有些引用也相对应的进行了一些改变,今天要实现一个 jeDate日期控件的使用以及选中后点确定按钮关闭功能。
王小婷
2019/04/09
1.9K0
jeDate日期控件的使用以及选中后点确定按钮关闭功能
JQuery 日期选择框,精确到时分秒类型。
貌似升级了,官方网址:http://www.jemui.com/uidoc/jedate.html
geekfly
2022/05/06
1.6K0
JQuery 日期选择框,精确到时分秒类型。
JavaScript实现input框获取系统默认年月日时分秒
这是对旧的已上线项目的维护之中优化的一个部分,要求是在input框里面默认当前系统的时间。实现如下图所示的效果。
王小婷
2025/05/18
1300
JavaScript实现input框获取系统默认年月日时分秒
Bootstrap 时间控件 datetimepicker
Bootstrap 的时间控件易用且美观,下面将用法记录一下,大家有需要可以直接看官网的介绍,还是很基础的。 网址:http://www.bootcss.com/p/bootstrap-datetimepicker/
全栈程序员站长
2022/08/25
4.8K0
Bootstrap 时间控件 datetimepicker
jeDate日期控件在项目中实际应用
需求: 1:可提供日期不超过当前日期或者(验证选中日期是否超过今天) 2:日期验证 3:input表格里面获取当前系统默认日期 4:选着日期点击选中后点确定按钮才关闭 5:验证结束日期大于开始日期
王小婷
2019/09/20
7280
bootstrap日期时间控件
链接:http://pan.baidu.com/s/1sl56aw1 密码:jc2y 页面代码
全栈程序员站长
2022/08/31
3.7K0
bootstrap日期时间控件
日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。
参考链接:http://www.bootcss.com/p/bootstrap-datetimepicker/
别先生
2019/06/05
4.8K0
日期时间选择器、Bootstrap日期和时间表单组件。bootstrap-datetimepicker实现年月日,时分秒的选择。
layui laydate日期初始化的一些坑
在日常开发中,总是会不可避免的用到日期插件,不同的日期插件功能上大同小异,UI上也是各有各的特点,个人项目中用的比较的多的时间插件是bootstrap-datetimepicker 插件,日期的UI样式是这样的
六月的雨在Tencent
2024/04/08
4380
layui laydate日期初始化的一些坑
SpringBoot | SpringBoot员工管理系统(超细笔记+静态资源链接+附完整源码)
文章目录 SpringBoot 员工管理系统(源码在文末) 1、配置环境 1.1、新建SpringBoot项目 1.2、编写实体类 1.3、编写Dao层(模拟数据库) 1.4、导入静态资源(附资源链接) 2、首页 2.1、导入依赖 2.2、跳转首页 2.3、将导入的静态资源修改为Thymeleaf模板规范 3、国际化 3.1、修改IDEA中properties的编码设置 3.2、编写国际化配置文件 3.3、编写配置 3.4、查看国际化配置源码 3.5、配置messages路径 3.6、页面获取国际化的值 3
啵啵鱼
2022/11/23
2.8K0
SpringBoot | SpringBoot员工管理系统(超细笔记+静态资源链接+附完整源码)
移动端mobiscroll时间控件的使用
最近需要实现一个在手机上选择时间的功能,当然首先想到的就是时间控件的使用,最后找到一个相对比较合适,在此记录一下。
全栈程序员站长
2022/08/31
1.9K0
移动端mobiscroll时间控件的使用
JavaScript获取默认时间的上一个月
王小婷
2025/05/18
1110
JavaScript获取默认时间的上一个月
05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du
逸鹏
2018/04/10
7680
05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器
springboot开发之添加员工
点击新增跳转到添加员工界面,输入相关信息,注意,springboot默认使用的日期格式是:yyyy/MM/dd,即以“/” 进行分隔。点击添加:
西西嘛呦
2020/08/26
8530
springboot开发之添加员工
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
授客
2019/08/21
3.8K0
前端之路:bootstrap 时间日期日历控件(datetimepicker)
云加速外联即可。(moment-with-locales.js 这个得在datatimpicker.min.js之前。可以网上百度这个文件。我没找到这个cdn)
全栈程序员站长
2022/11/17
7.7K0
前端之路:bootstrap 时间日期日历控件(datetimepicker)
bootstrap 日期控件起始日期&结束日期相互约束
使用bootstrap的日期控件需要单独引入bootstrap-datetimepicker.min.css和bootstrap-datetimepicker.min.js 详情及文件可以通过下面地址下载:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
程序新视界
2022/05/06
3.4K0
bootstrap 日期控件起始日期&结束日期相互约束
推荐阅读
相关推荐
jedate-开始使用一款好用的时间插件
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档