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 相关文章推荐
JQuery 国际象棋棋盘 实现代码
Jun 26 Javascript
niceTitle 基于jquery的超链接提示插件
May 31 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
JavaScript中常见的字符串操作函数及用法汇总
May 04 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
Javascript字符串常用方法详解
Jul 21 Javascript
javascript编程实现栈的方法详解【经典数据结构】
Apr 11 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
Node.js事件的正确使用方法
Apr 05 Javascript
p5.js绘制创意自画像
Nov 04 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的面向对象编程
2006/10/09 PHP
用PHP实现验证码功能
2006/10/09 PHP
php实现批量上传数据到数据库(.csv格式)的案例
2017/06/18 PHP
Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
2019/10/11 PHP
JavaScript中的字符串操作详解
2013/11/12 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
AngularJS基础 ng-selected 指令简单示例
2016/08/03 Javascript
详解vue-cli中配置sass
2017/06/21 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
2019/05/09 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25
2020/11/25 DOTA
python使用PythonMagick将jpg图片转换成ico图片的方法
2015/03/26 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
Python实现的json文件读取及中文乱码显示问题解决方法
2018/08/06 Python
django基于restframework的CBV封装详解
2019/08/08 Python
python 计算两个列表的相关系数的实现
2019/08/29 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
python seaborn heatmap可视化相关性矩阵实例
2020/06/03 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
python推导式的使用方法实例
2021/02/28 Python
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
如何开启linux的ssh服务
2013/06/03 面试题
酒鬼酒广告词
2014/03/21 职场文书
学校运动会报道稿
2014/09/23 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
人事专员岗位职责
2015/02/03 职场文书
2015年乡镇平安建设工作总结
2015/05/13 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
MySQL实现配置主从复制项目实践
2022/03/31 MySQL
教你nginx跳转配置的四种方式
2022/07/07 Servers