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 相关文章推荐
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
Sep 26 Javascript
javascript每日必学之继承
Feb 23 Javascript
js仿3366小游戏选字游戏
Apr 14 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
JavaScript实现图片懒加载(Lazyload)
Nov 28 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
微信小程序实现图片压缩功能
Jan 26 Javascript
在axios中使用params传参的时候传入数组的方法
Sep 25 Javascript
js使用cookie实现记住用户名功能示例
Jun 13 Javascript
微信小程序实现滚动Tab选项卡
Nov 16 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实现用于删除整个目录的递归函数
2015/03/16 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
php中关于换行的实例写法
2019/09/26 PHP
如何在PHP环境中使用ProtoBuf数据格式
2020/06/19 PHP
xml分页+ajax请求数据源+dom取结果实例代码
2008/10/31 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
关于js中for in的缺陷浅析
2013/12/02 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
2014/11/24 Javascript
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
JS字符串去除连续或全部重复字符的实例
2018/03/08 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
javascript实现图片轮换动作方法
2020/08/07 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
简单解析Django框架中的表单验证
2015/07/17 Python
基于Python列表解析(列表推导式)
2018/06/23 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
用Q-learning算法实现自动走迷宫机器人的方法示例
2019/06/03 Python
python爬虫基础知识点整理
2020/06/02 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
美国诺德斯特龙百货官网:Nordstrom
2016/08/23 全球购物
魔声耳机官方网站:Monster是世界第一品牌的高性能耳机
2016/10/26 全球购物
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
哈曼俄罗斯官方网上商店:Harman.club
2020/07/24 全球购物
数学专业毕业生自荐信
2013/11/10 职场文书
应届大学生求职的自我评价
2013/11/17 职场文书
倡议书范文格式
2014/05/12 职场文书
中职三好学生事迹材料
2014/08/24 职场文书
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
浅析Django接口版本控制
2021/06/26 Python
MySQL新手入门进阶语句汇总
2022/09/23 MySQL