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的gzip静态压缩方法
Jan 05 Javascript
一个tab标签切换效果代码
Mar 27 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
Oct 15 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
AngularJS入门教程之AngularJS模型
Apr 18 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
Jul 11 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 Vue.js
微信小程序实现多个按钮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
php中去除所有js,html,css代码
2010/10/12 PHP
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
js 固定悬浮效果实现思路代码
2013/08/02 Javascript
JavaScript中的eval()函数详解
2013/08/22 Javascript
js 弹出框只弹一次(二次修改之后的)
2013/11/26 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
2015/04/07 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
Vue+axios 实现http拦截及路由拦截实例
2017/04/25 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
angular inputNumber指令输入框只能输入数字的实现
2019/12/03 Javascript
vue+element-ui表格封装tag标签使用插槽
2020/06/18 Javascript
js获取图片的base64编码并压缩
2020/12/05 Javascript
Python MySQLdb Linux下安装笔记
2015/05/09 Python
详解Django中的form库的使用
2015/07/18 Python
详解Python中dict与set的使用
2015/08/10 Python
Python3实现发送QQ邮件功能(文本)
2017/12/15 Python
python实现k-means聚类算法
2018/02/23 Python
python 采用paramiko 远程执行命令及报错解决
2019/10/21 Python
Django 请求Request的具体使用方法
2019/11/11 Python
Django自带的加密算法及加密模块详解
2019/12/03 Python
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
酒店办公室文员岗位职责
2013/12/18 职场文书
领导党性分析材料
2014/02/15 职场文书
计算机网络工程专业职业生涯规划书
2014/03/10 职场文书
驾驶员安全责任书
2014/07/22 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
将Python代码打包成.exe可执行文件的完整步骤
2021/05/12 Python
Nginx设置HTTPS的方法步骤 443证书配置方法
2022/03/21 Servers