2017年2月28日手记---bootstrap日期选择器
来源:互联网 发布:网络监控技术方案 编辑:程序博客网 时间:2024/05/16 07:17
今天在写网页时需要用到时间选择器这个控件,这让我想起了<input/>自带的'date'类型,这也是个时间选择器,哈哈,秒写,结果发下这个东西IE不支持,好吧果断删除,现在有两条路给我选:1.自己写一个时间选择器(发现我没有这么叼)。2.去网上找插件,bootstrap正好有提供这个时间选择器控件而且很叼果断下载依赖包,而且很人性化的是依赖包里面还有案例,我参考着案例将需要的文件拉进自己的项目中:http://www.bootcss.com/p/bootstrap-datetimepicker/ 这个连接是bootstap时间选择器的下载包地址API也在这里,我很快就写好了代码,html代码我就不贴上去了(官网上有示例)我就贴个我JS的代码的,因为我今天重点回顾那个部分,好上代码:
$('#datetimepickerStart').datetimepicker({ format: "yyyy-mm-dd",//要输出的时间格式 todayBtn: true,//today这个按钮是否显示 language: 'ch',//语言格式 autoclose: true,//选定一个日期后自动关闭选择器 minView: "month"//最小/最后的View,就是最后一个View这行的意思是选完day后选项框不再显示,(个人理解就是month这个View是负责显示day的) });
这些代码都很简单,在我上面给的链接里的网站上都有,主要讲的是语言问题:我上面写到的语言这一属性中我用的是‘ch’,不错这个ch代表的是中文,这个不是它自带的而是我自己写的,我发现它那里提供了'en','de','br','es'就是没有'ch',这是很相信中国的程序员有能力自己写啊,所以,我果断自己写一个,我在想这个于有关语言的显示的肯定在js里面,所以我就去js 里找,后来果然被我找到了 ,我模仿他的实例自己写了一个,好吧,不想吹牛了上了代码睡觉去:
ch: { days: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'], daysShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六', '周日'], daysMin: ['日', '一', '二', '三', '四', '五', '六', ''], months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'], monthsShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'], meridiem: ['上午', '下午'], suffix: ['st', 'nd', 'rd', 'th'], today: 'Today', clear: 'Clear' }
0 0
- 2017年2月28日手记---bootstrap日期选择器
- 2017年2月27日手记
- 2017年2月25日手记
- Android 日期选择器隐藏年,月,日
- 2017年3月1日手记
- 2014年2月20日 手记 MessageFormat使用 sql
- 日期选择器,js && bootstrap
- bootstrap日期选择器
- bootstrap的日期选择器
- IOS年、月、日三种日期加减选择器
- 项目经理手记 - 2010年5月17日
- 项目经理手记 -- 2010年5月20日
- 项目经理手记 -- 2010年5月21日
- 【Fedora手记】[2014年12月26日]
- js日期时间选择器bootstrap
- bootstrap的日期选择器插件
- 日期选择器小项目bootstrap
- Oracle获得日期中的年、月、日
- Python描述器引导(翻译)
- eclipse 中 svn 更新与同步资源库
- Ext.js 面向对象特性
- 数组打乱排序
- 块元素内的浮动元素超过总高度,下面的块元素位置
- 2017年2月28日手记---bootstrap日期选择器
- bzoj 3786: 星系探索 dfs序+splay
- BZOJ 4517 [Sdoi2016]排列计数
- RTMP学习(六)rtmpdump源码阅读(1)总体流程
- 语言模型(N-Gram)
- Spring 事务机制详解
- Qt Creater error: LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
- ubuntu14.04下cuDNN配置(caffe+cuda7.5)
- hdu 2795 线段树