jquery.timepicker.js - 最常用的日期JS控件
2024-08-30 03:26:41
客户提了个需求,输入日期,想也不用想,立刻翻查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。
最新文章
- 关于Java泛型的使用
- jQuery原生框架-----------------事件
- 从range和xrange的性能对比到yield关键字(中)
- GAE初探-一鼻子灰
- [转]2-SAT问题及其算法
- JavaScript高级程序设计51.pdf
- 转:Durandal快速入门
- OC中多线程的一些概念
- FlexPaper二次开发问题及搜索高亮显示
- C++编程规范(不断更新)
- Ubuntu 安装和使用 Supervisor(进程管理)
- Maven的使用
- Java相关面试题总结
- js带“.”的对象属性名怎么使用
- (转)ffmpeg资源一览
- Informatica 常用组件Lookup之三 关系和平面文件查找
- Android基础总结(九)多媒体
- The 15th UESTC Programming Contest Preliminary B - B0n0 Path cdoj1559
- cocos2dx 3.0 编译工程
- Java中String、StringBuffer和StringBuilder之间的区别
热门文章
- 2020/2/17 zzcms8.2 PHP代码审计
- app页面连接到服务器的数据库
- UVA - 11400 Lighting System Design(照明系统设计)(dp)
- UVA - 12716 GCD XOR(GCD等于XOR)(数论)
- MFC 实现CTreeCtrl单选
- 浅谈无参数RCE
- IDEA--安装
- ADC分辨率
- 19 01 15 django 数据库设计模型 管理站点 注意:在引入外键在django 2以上改版
- 79.常用的返回QuerySet对象的方法使用详解: filter, exclude,annotate