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 继承的实现
Jul 09 Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 Javascript
代码分析jQuery四种静态方法使用
Jul 23 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
Dec 13 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
Angular4 反向代理Details实践
May 30 Javascript
浅谈从React渲染流程分析Diff算法
Sep 08 Javascript
vue中如何去掉空格的方法实现
Nov 09 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
Jun 03 Javascript
vue实现二级导航栏效果
Oct 19 Javascript
微信小程序激励式视频广告组件使用详解
Dec 06 Javascript
Webpack5正式发布,有哪些新特性
Oct 12 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正则匹配中英文、数字及下划线的方法【用户名验证】
2017/08/01 PHP
PHP生成腾讯云COS接口需要的请求签名
2018/05/20 PHP
javascript 表单规则集合对象
2009/07/21 Javascript
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
Javascript:为input设置readOnly属性(示例讲解)
2013/12/25 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
浅谈$(document)和$(window)的区别
2015/07/15 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
jquery-mobile表单的创建方法详解
2016/11/23 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
js实现列表按字母排序
2020/08/11 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
Python open()文件处理使用介绍
2014/11/30 Python
python正则表达式中的括号匹配问题
2014/12/14 Python
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
python实现的系统实用log类实例
2015/06/30 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
python os.fork() 循环输出方法
2019/08/08 Python
Python 批量刷博客园访问量脚本过程解析
2019/08/30 Python
Python对Tornado请求与响应的数据处理
2020/02/12 Python
Django models filter筛选条件详解
2020/03/16 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
压铸汽车模型收藏家:Diecastmodelswholesale.com
2016/12/21 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
商场总经理岗位职责
2014/02/03 职场文书
积极贯彻学习两会精神总结
2014/03/17 职场文书
初三学生个人自我评定
2014/04/06 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
导游词之桂林山水
2019/09/20 职场文书