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的版本實在耗費(fèi)時間。那么可以用這種方法來取值。
頁面上的時間格式是這樣的：
文件引入
'/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í)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- AngularJS 日期格式化詳解
- 詳解Angularjs在控制器(controller.js)中使用過濾器($filter)格式化日期/時間實例
- Angularjs中使用layDate日期控件示例
- Angular指令封裝jQuery日期時間插件datetimepicker實現(xiàn)雙向綁定示例
- Angularjs驗證用戶輸入的字符串是否為日期時間
- Angular4.0中引入laydate.js日期插件的方法教程
- angularjs封裝bootstrap時間插件datetimepicker
- angularjs實現(xiàn)時間軸效果的示例代碼
- 基于datepicker定義自己的angular時間組件的示例
- AngularJS日期格式化常見操作實例分析
相關(guān)文章
下面小編就為大家?guī)硪黄猨s 中獲取制定的cook信息實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
JS實現(xiàn)點擊文字對應(yīng)DIV層不停閃動效果的方法
這篇文章主要介紹了JS實現(xiàn)點擊文字對應(yīng)DIV層不停閃動效果的方法,實例分析了javascript操作div層的效果,非常實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)登錄注冊切換效果，簡易版tab切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
如何在uniapp中獲取可視區(qū)域的高度(uni.getSystemInfo)
這篇文章主要給大家介紹了關(guān)于如何在uniapp中獲取可視區(qū)域的高度(uni.getSystemInfo)的相關(guān)資料,文中通過圖文以及實例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-04-04
今天小編就為大家分享一篇layui 富文本編輯器和textarea值的相互傳遞方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了表單序列化與jq中的serialize使用,需要的朋友可以參考下2014-02-02
這篇文章主要對比了js創(chuàng)建對象幾種方式的優(yōu)缺點，感興趣的小伙伴們可以參考一下2016-09-09
使用JavaScript實現(xiàn)Java的List功能(實例講解)
使用JavaScript實現(xiàn)Java的List功能(實例講解)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了js簡單實現(xiàn)點擊左右運(yùn)動的方法,實例分析了javascript實現(xiàn)左右運(yùn)動的相關(guān)要點與技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
擁Bootstrap入懷 導(dǎo)航欄篇，和大家一起走進(jìn)Bootstrap，了解Bootstrap的導(dǎo)航欄，感興趣的小伙伴們可以參考一下2016-05-05