bootstrap timepicker 在angular中取值賦值 並轉化為時間戳


上一篇我們講到angular對於timepicker的一個封裝后的插件angular-bootstrap-timepicker,但是由於angular的版本必須是v1.2.30以上的。對於有些涉及到多插件的系統,升級會導致很多意外的bug。那么可以選擇用以下這種方法來取值。

頁面上的時間格式是這樣的:

文件引入

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

html

<div class="col-md-9 input-group date form_datetime"  data-date-format="yyyy-mm-dd hh:ii:ss" data-link-field="dtp_input1" id="effEndDate">
<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-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-dd hh:ii:ss'

});//初始化

var dateFrom = $("#effStartDate input").val();//設置一個ID,取到bootstrap timepicker的值 $scope.effStartDate=new Date(dateFrom.substring(0,19).replace(/-/g,'/')).getTime()/1000;//轉化為時間戳

$("#effStartDate input").val(effStartDate);//賦值顯示
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM