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 获取select下拉列表值的代码
Sep 07 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
谈一谈js中的执行环境及作用域
Mar 30 Javascript
微信小程序中多个页面传参通信的学习与实践
May 05 Javascript
利用JavaScript实现栈的数据结构示例代码
Aug 02 Javascript
VUE中的无限循环代码解析
Sep 22 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
Dec 26 Javascript
详解Angular操作cookies方法
Jun 01 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
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&amp;&amp;mysql)四
2006/10/09 PHP
PHP中提问频率最高的11个面试题和答案
2014/09/02 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
浅析Yii2集成富文本编辑器redactor实例教程
2016/04/25 PHP
PHP使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
js 控制页面跳转的5种方法
2013/09/09 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
2013/09/26 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
2016/02/06 Javascript
jquery+html仿翻页相册功能
2016/12/20 Javascript
jQuery实用密码强度检测
2017/03/02 Javascript
axios携带cookie配置详解(axios+koa)
2018/12/28 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
vue中路由跳转不计入history的操作
2020/09/21 Javascript
JS实现4位随机验证码
2020/10/19 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
[44:51]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第二场
2018/04/05 DOTA
浅谈python中的正则表达式(re模块)
2017/10/17 Python
使用Python写一个小游戏
2018/04/02 Python
python实现机器学习之元线性回归
2018/09/06 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
美国家居装饰和豪华家具购物网站:One Kings Lane
2018/12/24 全球购物
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
德国消费电子产品购物网站:Guter Kauf
2020/09/15 全球购物
后勤自我鉴定
2013/10/13 职场文书
指导教师评语
2014/04/26 职场文书
芙蓉镇观后感
2015/06/10 职场文书
修辞手法有哪些?
2019/08/29 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js
python 爬取哔哩哔哩up主信息和投稿视频
2021/06/07 Python