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 相关文章推荐
js 解决“options为空或不是对象”
Dec 22 Javascript
基于jQuery的模仿新浪微博时间的组件
Oct 04 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
Dec 18 Javascript
JavaScript中的Math.E属性使用详解
Jun 12 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
Dec 20 Javascript
Javascript下拉刷新的简单实现
Feb 14 Javascript
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
JavaScript EventEmitter 背后的秘密 完整版
Mar 29 Javascript
Vue刷新修改页面中数据的方法
Sep 16 Javascript
node.js使用fs读取文件出错的解决方案
Oct 23 Javascript
Vue中错误图片的处理的实现代码
Nov 07 Javascript
JS异步宏队列与微队列原理区别详解
Jul 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
PHP4与PHP5的时间格式问题
2008/02/17 PHP
php牛逼的面试题分享
2013/01/18 PHP
thinkphp 一个页面使用2次分页的实现方法
2013/07/15 PHP
PHP实现的一致性哈希算法完整实例
2015/11/14 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
php实现微信扫码自动登陆与注册功能
2016/09/22 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
js循环map 获取所有的key和value的实现代码(json)
2018/05/09 Javascript
JS判断两个数组或对象是否相同的方法示例
2019/02/28 Javascript
js实现随机点名
2021/01/19 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
Python采用raw_input读取输入值的方法
2014/08/18 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
Python基于network模块制作电影人物关系图
2020/06/19 Python
pycharm激活码2020最新分享适用pycharm2020最新版亲测可用
2020/11/22 Python
CSS3制作酷炫的三维相册效果
2016/07/01 HTML / CSS
英国绿色商店:Natural Collection
2019/05/03 全球购物
读书心得体会
2013/12/28 职场文书
合作协议书范文
2014/08/20 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
MySQL索引篇之千万级数据实战测试
2021/04/05 MySQL
vue-cropper插件实现图片截取上传组件封装
2021/05/27 Vue.js
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技