bootstrap timepicker在angular中取值并转化为时间戳


Posted in Javascript onJune 13, 2017

上一篇我们讲到angular对于timepicker的一个封装后的插件,但是由于angular的版本必须是v1.2.30以上的。对于有些大型系统,一时升级angular的版本实在耗费时间。那么可以用这种方法来取值。

页面上的时间格式是这样的:

bootstrap timepicker在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"> //设置时间格式为 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> 
</div>

js:

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

https://github.com/cynthiawupore

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 闭包深入理解(closure)
May 27 Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 Javascript
jQuery中创建实例与原型继承揭秘
Dec 21 Javascript
纯js简单日历实现代码
Oct 05 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
Aug 30 Javascript
使用js画图之饼图
Jan 12 Javascript
使用JS实现图片展示瀑布流效果的实例代码
Sep 12 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
微信小程序实现多个按钮toggle功能的实例
Jun 13 #Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
Jun 13 #Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 #Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 #Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 #Javascript
基于pako.js实现gzip的压缩和解压功能示例
Jun 13 #Javascript
基于vue2框架的机器人自动回复mini-project实例代码
Jun 13 #Javascript
You might like
DOTA2游戏同人动画《龙之血》导演接受采访
2021/03/05 欧美动漫
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
php &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
PHP filter_var() 函数 Filter 函数
2012/04/25 PHP
php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)
2020/07/24 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
Javascript事件热键兼容ie|firefox
2010/12/30 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
javascript对JSON数据排序的3个例子
2014/04/12 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
layer弹出子iframe层父子页面传值的实现方法
2018/11/22 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
[03:10]超级美酒第四天 fy拉比克秀 大合集
2018/06/05 DOTA
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
详细介绍Python的鸭子类型
2016/09/12 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
Python pandas自定义函数的使用方法示例
2019/11/20 Python
Python内置数据类型list各方法的性能测试过程解析
2020/01/07 Python
Python实现括号匹配方法详解
2020/02/10 Python
浅析matlab中imadjust函数
2020/02/27 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
德国咖啡批发商:Coffeefair
2019/08/26 全球购物
八一建军节活动方案
2014/02/10 职场文书
公司授权委托书
2014/04/04 职场文书
公司应聘求职信
2014/06/21 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
2019员工保密协议书(3篇)
2019/09/23 职场文书