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 相关文章推荐
用js实现键盘方向键翻页功能的代码
Jun 03 Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
Aug 26 Javascript
js 实现菜单上下显示附效果图
Nov 21 Javascript
js定时器(执行一次、重复执行)
Mar 07 Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
通过Jquery的Ajax方法读取将table转换为Json
May 31 Javascript
关于JavaScript命名空间的一些心得
Jun 07 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
js实现的简单图片浮动效果完整实例
May 10 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
vue cli 3.0通用打包配置代码,不分一二级目录
Sep 02 Javascript
微信小程序实现多个按钮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
php操作SVN版本服务器类代码
2011/11/27 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
JS array 数组详解
2009/03/22 Javascript
javascript 函数调用规则
2009/08/26 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
jquery用offset()方法获得元素的xy坐标
2014/09/06 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
three.js实现围绕某物体旋转
2017/01/25 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
2018/08/18 Javascript
vue中使用input[type=&quot;file&quot;]实现文件上传功能
2018/09/10 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
JS数组索引检测中的数据类型问题详解
2021/01/11 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[01:10]DOTA2次级职业联赛 - U5战队宣传片
2014/12/01 DOTA
基于python实现微信模板消息
2015/12/21 Python
Python 功能和特点(新手必学)
2015/12/30 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
python迭代dict的key和value的方法
2018/07/06 Python
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
Django urls.py重构及参数传递详解
2019/07/23 Python
python创建学生管理系统
2019/11/22 Python
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
学生处主任岗位职责
2013/12/01 职场文书
英语专业毕业生自荐信范文
2013/12/31 职场文书
公司户外活动总结
2014/07/04 职场文书
内科护士节演讲稿
2014/09/11 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
2015年公共机构节能宣传周活动总结
2015/03/26 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
详解Python中的for循环
2022/04/30 Python