您的位置：首页 > Web前端 > BootStrap

bootstrap timepicker 在angular中取值赋值 并转化为时间戳

2017-06-12 18:43 507 查看
上一篇我们讲到angular对于timepicker的一个封装后的插件angular-bootstrap-timepicker，但是由于angular的版本必须是v1.2.30以上的。对于有些涉及到多插件的系统，升级会导致很多意外的bug。那么可以选择用以下这种方法来取值。

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



文件引入

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


html

<divclass="col-md-9input-groupdateform_datetime"data-date-format="yyyy-mm-ddhh:ii:ss"data-link-field="dtp_input1"id="effEndDate">
<inputclass="form-control"size="16"type="text"value=""readonly>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-remove"></span></span>
<spanclass="input-group-addon"><spanclass="glyphiconglyphicon-th"></span></span>
</div>


js$('.form_datetime').datetimepicker({language:'zh-CN',weekStart:1,

todayBtn:1,
autoclose:1,
todayHighlight:1,
startView:2,
forceParse:0,
showMeridian:1,

use24hours:true,//24小时显示
format:'yyyy-mm-ddhh:ii:ss'

});//初始化

vardateFrom=$("#effStartDateinput").val();//设置一个ID，取到bootstraptimepicker的值
$scope.effStartDate=newDate(dateFrom.substring(0,19).replace(/-/g,'/')).getTime()/1000;//转化为时间戳

$("#effStartDateinput").val(effStartDate);//赋值显示


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                

                    
                

            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航