Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jedate教程

jedate教程

作者头像
王小婷
发布于 2025-05-18 11:08:37
发布于 2025-05-18 11:08:37
7700
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数: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日期控件的使用以及选中后点确定按钮关闭功能。
王小婷
2019/04/09
1.9K0
jeDate日期控件的使用以及选中后点确定按钮关闭功能
jeDate日期控件的使用以及选中后点确定按钮关闭功能
在之前的文章里,jedate-开始使用一款好用的时间插件:https://www.jianshu.com/p/961c3f364e2a,运用这款控件确实省了不少力气,这两年,该控件开发者也在不断的进行更新,所以在项目中有些引用也相对应的进行了一些改变,今天要实现一个 jeDate日期控件的使用以及选中后点确定按钮关闭功能。
王小婷
2025/05/18
630
jeDate日期控件的使用以及选中后点确定按钮关闭功能
JavaScript实现input框获取系统默认年月日时分秒
这是对旧的已上线项目的维护之中优化的一个部分,要求是在input框里面默认当前系统的时间。实现如下图所示的效果。
王小婷
2019/01/28
3.7K0
JavaScript实现input框获取系统默认年月日时分秒
这是对旧的已上线项目的维护之中优化的一个部分,要求是在input框里面默认当前系统的时间。实现如下图所示的效果。
王小婷
2025/05/18
1110
JavaScript实现input框获取系统默认年月日时分秒
jDate移动端用法
前面写过选择年月日的方法,其实也可以用在移动端,样式也还算可以,用法与pc端类似;
王小婷
2019/11/27
8170
jeDate日期控件在项目中实际应用
需求: 1:可提供日期不超过当前日期或者(验证选中日期是否超过今天) 2:日期验证 3:input表格里面获取当前系统默认日期 4:选着日期点击选中后点确定按钮才关闭 5:验证结束日期大于开始日期
王小婷
2019/09/20
7120
JQuery 日期选择框,精确到时分秒类型。
貌似升级了,官方网址:http://www.jemui.com/uidoc/jedate.html
geekfly
2022/05/06
1.5K0
JQuery 日期选择框,精确到时分秒类型。
jeDate可提供选择日期不超过当前日期
参考之前写的,jeDate日期控件的使用以及选中后点确定按钮关闭功能 https://www.jianshu.com/p/393d9e992144。
王小婷
2019/08/07
1.5K0
jeDate可提供选择日期不超过当前日期
Bootstrap 时间控件 datetimepicker
Bootstrap 的时间控件易用且美观,下面将用法记录一下,大家有需要可以直接看官网的介绍,还是很基础的。 网址:http://www.bootcss.com/p/bootstrap-datetimepicker/
全栈程序员站长
2022/08/25
4.7K0
Bootstrap 时间控件 datetimepicker
daterangepicker与vue集成,vue无法获得日期控件时间的修改解决方法
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
程序新视界
2019/09/18
1.9K0
springboot开发之添加员工
点击新增跳转到添加员工界面,输入相关信息,注意,springboot默认使用的日期格式是:yyyy/MM/dd,即以“/” 进行分隔。点击添加:
西西嘛呦
2020/08/26
8260
springboot开发之添加员工
Jquery(进阶一) 日期控件My97DatePicker的基本用法
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 
Java架构师必看
2021/05/31
2.2K0
关于flask入门教程-关于日期控件DateTimePicker
DateTimePicker是基于JQuery的时间日期选择插件。只需要2行代码,即可轻松实现网页图形化日期时间选择器。
python与大数据分析
2022/03/11
1.5K0
关于flask入门教程-关于日期控件DateTimePicker
validation怎么用_什么是确认validation
链接:http://pan.baidu.com/s/1qYLQgTQ 密码:5lw3
全栈程序员站长
2022/11/09
2.6K0
bootstrap 日期控件起始日期&结束日期相互约束
使用bootstrap的日期控件需要单独引入bootstrap-datetimepicker.min.css和bootstrap-datetimepicker.min.js 详情及文件可以通过下面地址下载:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
程序新视界
2022/05/06
3.3K0
bootstrap 日期控件起始日期&结束日期相互约束
Bootstrap组件福利篇:几款好用的组件推荐,你值得拥有!
bootstrap风格的时间组件非常多,你可以在github上面随便搜索“datepicker”关键字,可以找到很多的时间组件。博主原来也用过其中的两个,发现都会有一些大大小小的问题。经过一番筛选,找到一个效果不错、能适用各种场景的时间组件,下面就来一睹它的风采吧。
用户1880875
2021/07/27
8410
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结
授客
2019/08/21
3.8K0
layui laydate日期初始化的一些坑
在日常开发中,总是会不可避免的用到日期插件,不同的日期插件功能上大同小异,UI上也是各有各的特点,个人项目中用的比较的多的时间插件是bootstrap-datetimepicker 插件,日期的UI样式是这样的
六月的雨在Tencent
2024/04/08
3960
layui laydate日期初始化的一些坑
Vue学习笔记之moment.js日期处理控件
moment可以方便的计算自然月或者自然年份,避免使用固定天数或者月份计算导致结束日期错乱问题。
Jetpropelledsnake21
2022/11/12
13.7K0
Vue学习笔记之moment.js日期处理控件
推荐阅读
相关推荐
jedate-开始使用一款好用的时间插件
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验