jquery-ui日期时间控件实现
2023-09-11 14:20:46 时间
日期控件和时间控件为独立控件,日期时间控件要同一时候导入日期控件和时间控件的js,然后在日期控件加入时间控件显示參数,没有导入时间控件js。日期控件函数设置的时间控件參将包错
日期控件官网网址:http://jqueryui.com/
日期控件js:jquery-ui.js
相应函数及默认属性设置:function Datepicker()
时间控件官网网址:http://plugins.jquery.com/jt.timepicker/
时间控件js:jquery-ui-timepicker-addon.js
相应函数及默认属性设置:function Timepicker()
$(function(){ /** * 为时间字段设置时间格式 TODO 需考虑优化选择器。排除hidden类型的 */ //日期带时间(放在time前面避免被覆盖) //$('input[id$=DateTime],[id$=dateTime],[id$=Datetime],[id$=datetime],[class$=DateTime]').datetimepicker({showSecond: true,hourGrid:4,minuteGrid: 10, timeFormat: 'hh:mm:ss'}); $('input[id$=DateTime],[id$=dateTime],[id$=Datetime],[id$=datetime],[class$=DateTime],[class$=dateTime],[class$=datetime],[class$=DateTime]').datetimepicker({ dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],// 设置控件的星期名称显示 firstDay: 1, //设置排在第一列的是星期几,星期天为0。星期一为1,以此类推。 changeMonth: true, //改变月份下拉框 changeYear: true, //改变年份下拉框 showSecond: true, //显示毫秒 monthNamesShort:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], timeFormat: 'hh:mm:ss', //设置时间格式 dateFormat: 'yy-mm-dd', //设置日期格式 hourGrid: 4,//显示时间标尺 minuteGrid: 10, secondGrid:10 }); //日期 $('input[id$=Date],[id$=date],[class$=Date],[class$=date]').datepicker({ dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],// 设置控件的星期名称显示 firstDay: 1, //设置排在第一列的是星期几,星期天为0,星期一为1,以此类推。 changeMonth: true, //改变月份下拉框 changeYear: true, //改变年份下拉框 monthNamesShort:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], dateFormat: 'yy-mm-dd' //设置日期格式 }); //时间 显示秒 设置格式 $('input[id$=Time],[id$=time],[class$=Time]').timepicker({showSecond: true,timeFormat: 'hh:mm:ss',hstep:'2',hourGrid: 4,minuteGrid: 10}); });
日期时间控件
日期控件
时间控件:
相关文章
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- jquery验证后ajax提交,返回消息怎样统一显示的问题
- jQuery动画animate()的使用
- jQuery技术内幕:深入解析jQuery架构设计与实现原理. 3.4 Sizzle( selector, context, results, seed )
- jQuery编程的最佳实践
- jQuery可拖拽排序列表jquery-sortable-lists
- jquery.params.js,Jquery获取页面参数,js获取页面参数
- jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条
- jquery easyUI 日期格式化,DateBox只显示年
- jquery.validate中使用remote,remote相同值不校验问题解决
- jquery中attr和prop的区别
- jquery validate自定义规则
- jQuery -> 获取后代元素的三种方法
- 日期选择器:jquery datepicker的使用