Jquery插件 bootstrap-datepicker 日期拾取器

最近开发的项目界面用的是bootstrap的框架,发现开源的东西真的很多,慢慢的我会记录到上面来

地址

http://www.bootcss.com/p/bootstrap-datetimepicker/

效果图

如何使用

引入

css bootstrap-datetimepicker.min.css

js bootstrap-datetimepicker.min.js、bootstrap-datetimepicker.zh-CN.js（汉化包）

代码

html：

<div class="col-lg-3"><div class="input-group date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd"><input class="form-control" size="16" type="text" value="" readonly><span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span><span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span></div><input type="hidden" id="dtp_input2" name="endTime" value="" /></div><div class="col-lg-1"><input type="submit" class="btn btn-block btn-primary" value="查询" /></div>

View Code

js：

<script type="text/javascript">$('.form_date').datetimepicker({language: 'zh-CN',weekStart: 1,todayBtn: 1,autoclose: 1,todayHighlight: 1,startView: 2,minView: 2,forceParse: 0});
</script>

View Code

language: 'zh-CN'这个是汉化语句

这样就OK了

转载请注明地址：http://www.cnblogs.com/CoffeeEddy/p/bootstrap.html

转载于:https://www.cnblogs.com/CoffeeEddy/p/bootstrap.html

Jquery插件 bootstrap-datepicker 日期拾取器相关推荐

Unity自定义UI组件(六)日历、日期拾取器
前言考虑到工业项目中可能会利用到类似日历的工具,就比如选取某个时间节点,所以我结合UGUI源码开发了日历工具和日期拾取器工具,简单易用,接口齐全,可中文显示,外观可自定义.只需要导入脚本,即可在Hi ...
jQuery里面的datepicker日期控件默认是显示英文的，如何显示中文或其他语言呢？...
jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...
bootstrap datetimepicker、bootstrap datepicker日期组件对范围的简单封装
1.bootstrap datepicker 使用 <div class="row form-group"><label class="control- ...
jQuery Datepicker 日期插件
Datepicker日期选择插件是一个配置灵活的插件,可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 1.jQuery Datepicker 示例代码: &l ...
Bootstrap 3 响应式上传图片，时间拾取器和表单认证 Fileinput, Date/Time Pickr, Validator...
1. Bootstrap 3 响应式上传图片 bootstrap-fileinput 项目地址: https://github.com/kartik-v/bootstrap-fileinput Usa ...
Datepicker日期选择器插件
##Datepicker日期选择器插件这个插件还是比较简单的,而且样式也比较漂亮,可以自定义选择年月日.年月日时分.年月.时间段选择等等. ###效果预览: #####这个插件是基于jQuery和b ...
jquery插件课程1 幻灯片、城市选择、日期时间选择、拖放、方向拖动插件
jquery插件课程1 幻灯片.城市选择.日期时间选择.拖放.方向拖动插件一.总结一句话总结:都是jquery插件,都还比较小,参数(配置参数.数据)一般都是通过json传递. 1.插件配置数据 ...
Pickr.js响应式颜色拾取器插件
下载地址 Pickr是简单的响应式颜色拾取器插件,可删节拾色.它没有依赖关系,兼容所有的CSS框架比如Bootstrap.主要特色简单的使用没有依赖关系多种颜色表示颜色比较不透明度控制支持触摸设备轻量 ...
html5 酒店入住插件,jQuery酒店类入住日期时间范围选择器插件
t-datepicker是一款jQuery酒店类入住日期时间范围选择器插件.该jquery日期选择器提供多个配置参数和方法,可以创建响应式的.灵活的.多种主题效果的日期范围选择器.它的特点还有: 内置 ...
基于jquery的bootstrap在线文本编辑器插件Summernote （转）
Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Op ...

Jquery插件 bootstrap-datepicker 日期拾取器

Jquery插件 bootstrap-datepicker 日期拾取器相关推荐

最新文章

热门文章