上一篇我们讲到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);//赋值显示
以上就是bootstrap timepicker的实例教程的详细内容。