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 链式延迟执行DOME
Jan 04 Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
Node.js文件操作方法汇总
Mar 22 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
Aug 06 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
Apr 12 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
Apr 13 Javascript
layui表格实现代码
May 20 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
浅析vue插槽和作用域插槽的理解
Apr 22 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
玩转虚拟域名◎+ .
2006/10/09 PHP
无数据库的详细域名查询程序PHP版(4)
2006/10/09 PHP
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
简单谈谈PHP中的trait
2017/02/25 PHP
PHP使用imagick扩展实现合并图像的方法
2017/04/25 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
2011/07/04 Javascript
Extjs中ComboBox加载并赋初值的实现方法
2012/03/22 Javascript
js中opener与parent的区别详细解析
2014/01/14 Javascript
禁用JavaScript控制台调试的方法
2014/03/07 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
OpenLayers3实现地图鹰眼以及地图比例尺的添加
2020/09/25 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
python进阶教程之模块(module)介绍
2014/08/30 Python
python通过线程实现定时器timer的方法
2015/03/16 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
Python中修改字符串的四种方法
2018/11/02 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
python的turtle库使用详解
2019/05/10 Python
利用python实现平稳时间序列的建模方式
2020/06/03 Python
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
《中国梦我的梦》中学生演讲稿
2014/08/20 职场文书
家庭教育的心得体会
2014/09/01 职场文书
教师党员个人整改措施材料
2014/09/16 职场文书
房屋过户委托书范本
2014/10/07 职场文书
南京南京观后感
2015/06/02 职场文书
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS