DateTimePicket jQuery 日期插件,开始时间和结束时间示例

简介: DateTimePicket jQuery 日期插件,开始时间和结束时间示例
需要引入的js文件:<input type="text" id="startTime" placeholder="开始时间"/>
<span>-</span>
<input type="text" id="endTime" placeholder="结束时间" />

1670495743213.png

$.datetimepicker.setLocale('ch'); //设置中文格式
    //开始时间
    $("#startTime").datetimepicker({
        format:"Y-m-d H:00",      //格式化日期
        maxDate:new Date,
    }).on('change',function(){
        $("#endTime").datetimepicker({  //设置结束时间
            minDate: $("#startTime").val(), //最小值设置为开始时间
            maxDate:new Date,  //最大值 当前时间
        })
    });
    //结束时间
    $("#endTime").datetimepicker({
        format:"Y-m-d H:00",
    });
目录
相关文章
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
295 14
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
300 1
|
移动开发 JavaScript HTML5
jQuery工具提示插件tooltip.js 使用教程
jQuery工具提示插件tooltip.js 使用教程
|
JavaScript 前端开发 UED
精心挑选的12款优秀 jQuery Ajax 分页插件和教程
  在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。
1415 0