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面向对象的方式实现的弹出层效果代码
Jan 28 Javascript
深入解析JavaScript中的变量作用域
Dec 06 Javascript
深入剖析JavaScript中的枚举功能
Mar 06 Javascript
JavaScript调试技巧之console.log()详解
Mar 19 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
Aug 15 Javascript
js制作简易年历完整实例
Jan 28 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
ES6新特性之变量和字符串用法示例
Apr 01 Javascript
Vue.Draggable拖拽功能的配置使用方法
Jul 29 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 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也可以?成Shell Script
2006/10/09 PHP
php中的静态变量的基本用法
2014/03/20 PHP
curl和libcurl的区别简介
2015/07/01 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
js中replace的用法总结
2013/12/27 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
Javascript中With语句用法实例
2015/05/14 Javascript
Bootstrap中表单控件状态(验证状态)
2016/08/04 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
完美解决浏览器跨域的几种方法(汇总)
2017/05/08 Javascript
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
Python语言编写电脑时间自动同步小工具
2013/03/08 Python
Python中的ConfigParser模块使用详解
2015/05/04 Python
python实现用户登陆邮件通知的方法
2015/07/09 Python
Python实现模拟时钟代码推荐
2015/11/08 Python
python之PyMongo使用总结
2017/05/26 Python
Python设计模式之命令模式简单示例
2018/01/10 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
python实现按关键字筛选日志文件
2019/12/24 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
学习十八届三中全会精神实施方案
2014/02/17 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
环境整治工作方案
2014/05/18 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
关于迟到的检讨书
2015/05/06 职场文书
校园安全教育心得体会
2016/01/15 职场文书
React更新渲染原理深入分析
2022/12/24 Javascript