jquery timepicker

  <div class="form-group row"><div class="col-lg-2 control-label l-pd25">选择时间段</div><div class="col-lg-10"><input type="text" class="form-control" placeholder="开始时间" name="begin_time" id="begin_time" requireddata-msg-required="开始时间不能为空"/></div></div><div class="form-group row"><div class="col-lg-2 control-label"></div><div class="col-lg-10"><input type="text" class="form-control" placeholder="结束时间" name="end_time" id="end_time" requireddata-msg-required="结束时间不能为空"></div></div><?= Html::jsFile('@web/scripts/plugins/timepicker/jquery.timepicker.js') ?><?= Html::cssFile('@web/scripts/plugins/timepicker/jquery.timepicker.css') ?><script>$(document).ready(function () {$("#date").keyup(function(){$("#date").val('');});$("#begin_time").keyup(function(){$("#begin_time").val('');});$("#end_time").keyup(function(){$("#end_time").val('');});$(".room-submit").click(function () {$("#jsForm").validate({focusInvalid: false,submitHandler: function (form) {form.submit();}});});$(".select2").select2();$('#begin_time').timepicker({'minTime': '8:00AM','maxTime': '7:30PM',});$('#end_time').timepicker({'minTime': '8:00AM','maxTime': '7:30PM',});$('#date').datetimepicker({format: 'yyyy-mm-dd',autoclose: true,todayBtn: true,startView: 'month',minView: 'month',language: 'zh-CN',startDate: "<?=date('Y-m-d')?>",todayHighlight: true, //高亮当前日期
            });});</script>

插件网址：

http://jonthornton.github.io/jquery-timepicker/

转载于:https://www.cnblogs.com/xp796/p/6060806.html

jquery timepicker相关推荐

Jquery TimePicker时间箭头无法加载的问题（http://localhost:8080/css/images/ui-icons_444444_256x240.png）...
jquery的timepicker插件无法加载显示出左右时间箭头,原因就是缺少了png图片(ui-icons_444444_256x240.png),百度搜索搜的我头都大了... 1.去你工程的css ...
jquery.datepair日期时分秒选择器
jquery.datepair是一个轻量级的jQuery插件,智能选择日期和时间范围,灵感来自于谷歌日历.Datepair将保持开始和结束日期/时间同步,并可以根据用户的操作设置默认值.该插件不提供任 ...
时间选择器(timepicker)
可以使用Slider拖动选择,也可以使用timespinner改变时间,或者手工填写. 自动判断位置效果: 源码: <!DOCTYPE html> <html xmlns=&quo ...
html5闹钟倒计时,Material Design风格定时器|秒表|闹钟jQuery插件
这是一款可以用于制作谷歌Material Design风格的定时器.秒表和闹钟的jQuery插件.该jQuery插件集合了Material Design的多种风格:点击波特效,扁平化风格和滑动按钮等. ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
240个jquery插件
240个jquery插件 http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/ File uplo ...
jQuery日期和时间插件（jquery-ui-timepicker-addon.js）中文破解版使用
简介 jQuery UI Datepicker日期选择插件很好用了,只不过只能精确到日,不能选择时间(小时分钟秒)很遗憾,而jquery-ui-timepicker-addon.js正是基于jQuer ...
jQuery DateTimePicker 日期和时间插件
jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 日期选择插件是一个配 ...
精确到秒的JQuery日期控件，jquery日历插件，jquery日期插件
2019独角兽企业重金招聘Python工程师标准>>> 效果图如下: 首先在页面中引用一下库: <link type="text/css" href=&qu ...
新鲜的jquery插件收集
参考网站http://www.noupe.com/ajax/45-fresh-out-of-the-oven-jquery-plugins.html 1.Colorful Sliders With j ...

jquery timepicker

jquery timepicker相关推荐

最新文章

热门文章