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",
    });
目录
相关文章
|
2月前
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
50 14
|
3月前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
98 9
|
3月前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。
|
3月前
|
JavaScript 容器
jQuery文字跑马灯插件Marquee
jQuery.Marquee是一款jQuery文字跑马灯插件。jQuery.Marquee跑马灯插件可以结合使用CSS3动画,制作文字的上下左右移动效果。
|
3月前
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
40 2
|
3月前
|
JavaScript
jquery和CSS3响应式轮播图插件jcSlider
jcSlider是一款jquery和CSS3响应式轮播图插件。jcSlider使用CSS3过渡动画,它可以和animate.css完美结合,生成60多种轮播图过渡动画效果。
|
3月前
|
JavaScript 容器
jQuery消息通知显示插件
MessageNotifyPlugin是一款简单的jQuery消息通知显示插件。该jQuery消息通知显示插件能够自动生成最新消息和提醒消息两个消息通知按钮。并且可以设置消息的是否已读状态等
43 2
|
Web App开发 前端开发 JavaScript
[jQuery筆記] 好用的日期函式 datepicker
最近在学习 javascript,当然首推的就是 jQuery 了,之前因為懒得做日期表单,因為日期表单需要三种栏位,一个是年,一个是月,一个是日,相当麻烦,一直在那边 for 迴圈也不是办法,虽然那是个解决方法,然后我之前用了xt:Commerce 这套 opensource的程式码,把...
939 0
|
3月前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
78 21
|
3月前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
105 16