bootstrap日期选择器-datetimepicker

简介: 地址:http://www.bootcss.com/p/bootstrap-datetimepicker/ 使用方法,html:         JS: $('#p_qixiri_time_div').

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

使用方法,html:

<div class="input-append date" id="p_qixiri_time_div" data-date="2015-10-01" data-date-format="yyyy-MM-dd">
    <input class="span2" size="16" type="text" id="p_qixiri_time" name="p_qixiri_time" value="2015-10-01">
    <span class="add-on"><i class="icon-th"></i></span>
</div>

JS:

$('#p_qixiri_time_div').datetimepicker({
    language: 'zh-CN',
    format: "yyyy-mm-dd",
    linkField: "mirror_field",
    linkFormat: "yyyy-mm-dd",
    weekStart: 1,
    todayBtn: 1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
}).on('changeDate', function(ev){
    alert(ev.date);
    alert($("#p_qixiri_time").val());
});
Creative Commons License本文基于 Creative Commons Attribution 2.5 China Mainland License发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名 http://www.cnblogs.com/luminji(包含链接)。如您有任何疑问或者授权方面的协商,请给我留言。
目录
相关文章
|
前端开发 UED
Bootstrap中datetimepicker日期控件1899年问题解决
 Bootstrap中datetimepicker日期控件1899年问题解决   最近在开发项目的过程中,遇到一个很尴尬的问题。我们项目一直采用的是angular+bootstrap,日期控件用的是bootstrap中的datetimepicker,这个日期控件存在一个bug,当用户输入日期时,日期控件会自动跳到1899年,这个用户体验特别不好,一不小心就可能点错了。
2335 0
N..
|
29天前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
13 0
|
6月前
|
前端开发 容器
|
6月前
|
前端开发 容器
|
6月前
|
前端开发 开发者 容器
|
1月前
|
前端开发
bootstrap组件的案例代码
bootstrap组件的案例代码
9 0
|
1月前
|
前端开发
bootstrap组件
bootstrap组件
15 0
|
6月前
|
前端开发
|
6月前
|
前端开发 JavaScript 容器