快捷導(dǎo)航

bootstrap timepicker在angular中取值并轉(zhuǎn)化為時間戳

更新時間：2017年06月13日 09:14:44 作者：Cynthia嬈墨舊染

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

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

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

文件引入

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

html

<div class="input-group date form_datetime" data-date-format="yyyy-mm-dd hh:ii:ss" data-link-field="dtp_input1" id="effStartDate"> //設(shè)置時間格式為 yyyy-mm-dd hh:ii:ss 。設(shè)置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> 
</div>

js:

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

https://github.com/cynthiawupore

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript基于libgif.js實現(xiàn)控制gif動畫幀
這篇文章主要為大家詳細介紹了JavaScript如何利用libgif.js插件控制gif動畫幀,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-02-02
關(guān)于js二維數(shù)組和多維數(shù)組的定義聲明(詳解)
下面小編就為大家?guī)硪黄P(guān)于js二維數(shù)組和多維數(shù)組的定義聲明(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
移動端圖片上傳旋轉(zhuǎn)、壓縮問題的方法
在本篇文章中我們給大家分享了關(guān)于移動端圖片上傳旋轉(zhuǎn)、壓縮問題的解決方法，有需要的朋友們參考下
2018-10-10
javascript用DIV模擬彈出窗口_窗體滾動跟隨
可滾動跟隨彈出框效果代碼,非常實用的應(yīng)用于網(wǎng)絡(luò)廣告
2008-09-09
ES6數(shù)組與對象的解構(gòu)賦值詳解
這篇文章主要介紹了ES6數(shù)組與對象的解構(gòu)賦值,結(jié)合實例形式詳細分析了ES6中數(shù)組與對象的解構(gòu)賦值原理、用法及相關(guān)操作注意事項,需要的朋友可以參考下
2019-06-06
通過javascript獲取iframe里的值示例代碼
iframe里的值在實現(xiàn)一些比較特殊功能時需要獲取的，下面為大家詳細介紹下使用javascript獲取iframe里值的方法，感興趣的各位可以參考下哈
2013-06-06
js判斷手機端(Android手機還是iPhone手機)
現(xiàn)在使用手機上網(wǎng)的人越來越多，一些下載網(wǎng)站會通過判斷不同系統(tǒng)手機來訪問不同網(wǎng)頁，比如iPhone和Android。下面我們就來介紹一下如何用javascript判斷iPhone或Android手機訪問
2015-07-07
laydate時間日歷插件使用方法詳解
這篇文章主要為大家詳細介紹了laydate時間日歷插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11
如何使用less實現(xiàn)隨機下雪動畫詳解
這篇文章主要給大家介紹了關(guān)于如何使用less實現(xiàn)隨機下雪動畫的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-01-01
javascript實現(xiàn)簡單放大鏡效果
這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡單放大鏡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09