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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
List the Codec Files on a Computer
Jun 11 Javascript
javascript 动态生成私有变量访问器
Dec 06 Javascript
常见表单重复提交问题整理及解决方法
Nov 13 Javascript
javascript跨浏览器的属性判断方法
Mar 16 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
Jun 23 Javascript
vue2.0 elementUI制作面包屑导航栏
Feb 22 Javascript
基于rollup的组件库打包体积优化小结
Jun 18 Javascript
vue中的数据绑定原理的实现
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
2019十大人气国漫
2020/03/13 国漫
从零开始的异世界生活:第二季延期后,B站上架了第二部剧场版
2020/05/06 日漫
php学习之 数组声明
2011/06/09 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
jQuery语法总结和注意事项小结
2012/11/11 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
2016/03/14 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
Bootstrap基本组件学习笔记之进度条(15)
2016/12/08 Javascript
基于vue实现swipe轮播组件实例代码
2017/05/24 Javascript
jQuery Collapse1.1.0折叠插件简单使用
2017/08/28 jQuery
phantomjs导出html到pdf的方法总结
2017/10/19 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
Angular4编程之表单响应功能示例
2017/12/13 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
使用vue实现各类弹出框组件
2019/07/03 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
2020/04/29 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
Python安装图文教程 Pycharm安装教程
2018/03/27 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
Python Web静态服务器非堵塞模式实现方法示例
2019/11/21 Python
Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)
2020/02/05 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
盛大笔试题
2016/11/05 面试题
2014年计划生育协会工作总结
2014/11/14 职场文书
护士先进个人总结
2015/02/13 职场文书
我们的节日中秋节活动总结
2015/03/23 职场文书
校园运动会广播稿
2015/08/19 职场文书
php字符串倒叙
2021/04/01 PHP
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android