博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
日期时间选择器:datetimepicker
阅读量:4605 次
发布时间:2019-06-09

本文共 1536 字,大约阅读时间需要 5 分钟。

演示:日期时间选择器:datetimepicker

日期时间选择器:datetimepicker

1、默认:

   $('#example_1').datetimepicker();      

2、只选择时间:

   $('#example_2').timepicker();      

3、显示时分秒毫秒格式:

   $('#example_3').datetimepicker({	   showSecond: true,	   showMillisec: true,	   timeFormat: 'hh:mm:ss:l'   });      

4、设置时间可选范围:

   $('#example_4').timepicker({	   ampm: true,	   hourMin: 8,	   hourMax: 16   });      

5、默认时间:

   $('#example_5').datetimepicker({	   hour: 13,	   minute: 15   });      

6、显示多月并设置可选日期范围:

   $('#example_6').datetimepicker({	   numberOfMonths: 2,	   minDate: 0,	   maxDate: 30   });      

7、显示时间标尺:

   $('#example_7').timepicker({	   hourGrid: 4,	   minuteGrid: 10   });      

8、获取和设置时间:

      var ex8 = $('#example_8');      ex8.datetimepicker();      $('#example_8_set_btn').click(function(){	      ex8.datetimepicker('setDate', (new Date()) );      });      $('#example_8_get_btn').click(function(){	       alert(ex8.datetimepicker('getDate'));      });      

  

转载于:https://www.cnblogs.com/yueyanxuelang/p/5574361.html

你可能感兴趣的文章
异常及日志使用与项目打包
查看>>
努力,时间,坚持,自律
查看>>
真三 bug PT的凤凰
查看>>
???动态SQL
查看>>
js错误处理与调试理论和办法
查看>>
Binding.StringFormat不起作用的原理和解决
查看>>
css hack兼容写法
查看>>
CSS两列布局 一边固定 一边自适应
查看>>
Hadoop2.6.0 动态增加节点
查看>>
图论的一些概念、定理
查看>>
WebView用法
查看>>
Lecture 3: Planning by Dynamic Programming
查看>>
用flash代替图片IMG,设置动态效果链接
查看>>
关于JS的随笔(二)
查看>>
select()函数以及FD_ZERO、FD_SET、FD_CLR、FD_ISSET(转)
查看>>
webbug3.0菜鸟笔记1
查看>>
数组相关函数
查看>>
Python 和其他编程语言数据类型的比较
查看>>
T2695 桶哥的问题——送桶 题解
查看>>
HTML5 表单
查看>>