您好,欢迎来到客趣旅游网。
搜索
您的当前位置:首页bootstraptimepicker的实例教程

bootstraptimepicker的实例教程

来源:客趣旅游网
上一篇我们讲到angular对于timepicker的一个封装后的插件angular-bootstrap-timepicker,但是由于angular的版本必须是v1.2.30以上的。对于有些涉及到多插件的系统,升级会导致很多意外的bug。那么可以选择用以下这种方法来取值。

【相关视频推荐:Bootstrap教程】

页面上的时间格式是这样的:

文件引入


'/bootstrap-datetimepicker.min.css','/bootstrap-datetimepicker.min.js','/bootstrap-datetimepicker.zh-CN.js',//中文包

html


<p = data-date-format= data-link-field= id=> <input = size= type= value= > 
    <span =>
     <span =></span>
 </span> 
 <span =>
 <span =></span>
 </span> 
</p>

js:


$('.form_datetime').datetimepicker({
 language: 'zh-CN',
 weekStart: 1,
 todayBtn: 1,
 autoclose: 1,
 todayHighlight: 1,
 startView: 2,
 forceParse: 0,
 showMeridian: 1
});//初始化
 dateFrom = $(= Date(dateFrom.substring(,).replace(/-/g,)).getTime()/
$("#effStartDate input").val(effStartDate);//赋值显示

Copyright © 2019- kqyc.cn 版权所有

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务