客户提了个需求,输入日期,想也不用想,立刻翻查Jquery,发现是有timepicker.js这个控件,马上就用。

1. 导入库

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="../../js/jquery.timepicker.min.js" type="text/javascript" ></script>

2. HTML

<input type="text" class="datePicker" name="section1_date" placeholder="">

3. JS

<script>
$( function() {
$(".datePicker").datepicker();
$(".datepicker").datepicker( "option", "dateFormat", "yy-mm-dd" ); $(".timePicker").timepicker();
$(".timePicker").timepicker({ 'timeFormat': 'H:i' });
} );
</script>

4. 定义格式

'yy-mm-dd' = 2017-12-07

'H:i' = 14:00

还有很多可以修改的东西,我只是看了一点官方的API,有机会再修改个好看的UI。

最新文章

  1. 关于Java泛型的使用
  2. jQuery原生框架-----------------事件
  3. 从range和xrange的性能对比到yield关键字(中)
  4. GAE初探-一鼻子灰
  5. [转]2-SAT问题及其算法
  6. JavaScript高级程序设计51.pdf
  7. 转:Durandal快速入门
  8. OC中多线程的一些概念
  9. FlexPaper二次开发问题及搜索高亮显示
  10. C++编程规范(不断更新)
  11. Ubuntu 安装和使用 Supervisor(进程管理)
  12. Maven的使用
  13. Java相关面试题总结
  14. js带“.”的对象属性名怎么使用
  15. (转)ffmpeg资源一览
  16. Informatica 常用组件Lookup之三 关系和平面文件查找
  17. Android基础总结(九)多媒体
  18. The 15th UESTC Programming Contest Preliminary B - B0n0 Path cdoj1559
  19. cocos2dx 3.0 编译工程
  20. Java中String、StringBuffer和StringBuilder之间的区别

热门文章

  1. 2020/2/17 zzcms8.2 PHP代码审计
  2. app页面连接到服务器的数据库
  3. UVA - 11400 Lighting System Design(照明系统设计)(dp)
  4. UVA - 12716 GCD XOR(GCD等于XOR)(数论)
  5. MFC 实现CTreeCtrl单选
  6. 浅谈无参数RCE
  7. IDEA--安装
  8. ADC分辨率
  9. 19 01 15 django 数据库设计模型 管理站点 注意:在引入外键在django 2以上改版
  10. 79.常用的返回QuerySet对象的方法使用详解: filter, exclude,annotate