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