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从头学起第一讲
Jul 04 Javascript
JS中获取数据库中的值的方法
Jul 14 Javascript
JQuery实现防止退格键返回的方法
Feb 12 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
js实现楼层效果的简单实例
Jul 15 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
基于wordpress的ajax写法详解
Jan 02 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
vue实现扫码功能
Jan 17 Javascript
Vue基于iview table展示图片实现点击放大
Aug 05 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
destoon实现调用图文新闻的方法
2014/08/21 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
PHP的imageTtfText()函数深入详解
2021/03/03 PHP
[原创]用javascript实现检测指定目录是否存在的方法
2008/01/12 Javascript
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
js+csss实现的一个带复选框的下拉框
2014/09/29 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
2015/06/01 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
vue基于Element构建自定义树的示例代码
2017/09/19 Javascript
微信小程序全局变量功能与用法详解
2019/01/22 Javascript
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
过滤器vue.filters的使用方法实现
2019/09/18 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
vue调用本地摄像头实现拍照功能
2020/08/14 Javascript
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
编程语言Python的发展史
2014/09/26 Python
详解Python函数作用域的LEGB顺序
2016/05/14 Python
R vs. Python 数据分析中谁与争锋?
2017/10/18 Python
python 拼接文件路径的方法
2018/10/23 Python
python重试装饰器的简单实现方法
2019/01/31 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
使用pandas读取文件的实现
2019/07/31 Python
用纯css3实现的图片放大镜特效效果非常不错
2014/09/02 HTML / CSS
CSS3动画特效在活动页中的应用
2020/01/21 HTML / CSS
HTML5各种头部meta标签的功能(推荐)
2017/03/13 HTML / CSS
法国综合购物网站:RueDuCommerce
2016/09/12 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
Python如何定义一个函数
2015/09/01 面试题
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
六一活动主持词
2015/06/30 职场文书
PC版《死亡搁浅导剪版》现已发售 展开全新的探险
2022/04/03 其他游戏