首頁  >  文章  >  web前端  >  timepicker在angular中如何轉化為時間戳記?

timepicker在angular中如何轉化為時間戳記?

零下一度
零下一度原創
2018-05-14 16:24:292125瀏覽

這篇文章主要介紹了bootstrap timepicker在angular中取值並轉化為時間戳的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下

上一篇我們講到angular對於timepicker的一個封裝後的插件,但是由於angular的版本必須是v1.2.30以上的。對於有些大型系統,一時升級angular的版本實在耗費時間。那麼可以用這種方法來取值。

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

檔案引入

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

html

<p class="input-group date form_datetime" data-date-format="yyyy-mm-dd hh:ii:ss" data-link-field="dtp_input1" id="effStartDate"> //设置时间格式为 yyyy-mm-dd hh:ii:ss 。设置ID为 effStartDate
<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> 
</p>

js:

 var dateFrom = $("#effStartDate input").val();//设置一个ID,取到bootstrap timepicker的值
 $scope.effStartDate=new Date(dateFrom.substring(0,19).replace(/-/g,&#39;/&#39;)).getTime()/1000;//转化为时间戳

以上是timepicker在angular中如何轉化為時間戳記?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn