博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap 时间控件timepicker与datepicker
阅读量:4610 次
发布时间:2019-06-09

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

timepicker

1           
2
3
5
6 9 10
11 12
13
14
15
17
18 21 22
23
1 1    
2 2  
3 3   4 4 5 5
var nowTime = '<%=DateTime.Now.ToString("HH:mm")%>';        $("#startTime").val(nowTime).timepicker('setTime', nowTime);

 

官方文档:

前提,引用bootstrap哈哈

页面效果:

 

 

 

 

datepicker

1         
2
3 5 6 9
10 12 13 16 17
1  $(function () {2             $('.date-picker').datepicker({3                 rtl: Metronic.isRTL(),4                 autoclose: true,5                 clearBtn: true, //清除按钮6                 todayBtn: false, //今日按钮7                 format: "yyyy-mm-dd"8             });9         });

官方文档:

页面效果:

 

 当然前提也是bootstrap

转载于:https://www.cnblogs.com/Cein/p/7435032.html

你可能感兴趣的文章
Underscore.js 1.3.3 中文解释
查看>>
Windows Search Service
查看>>
创建常量、原子性的值类型
查看>>
Linux常用命令
查看>>
[Bug]2016-02
查看>>
菜鸟也想玩搜索引擎——JobSearch简介
查看>>
Java 集合系列之二:List基本操作
查看>>
Java的内存泄漏
查看>>
Python
查看>>
(五)Qt实现自定义模型基于QAbstractItemModel
查看>>
编程题练习
查看>>
mac os安装vim74
查看>>
Linux内存管理原理
查看>>
Java 8 Lambda 表达式
查看>>
BZOJ-3289 Mato的文件管理
查看>>
自旋锁和互斥锁的区别
查看>>
02_HBase集群部署
查看>>
SVN创建分支/合并分支/切换分支
查看>>
NLP -- 公开数据收集
查看>>
react混合开发APP,资源分享
查看>>