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 相关文章推荐
Jquery弹出窗口插件 LeanModal的使用方法
Mar 10 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
Sep 12 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
JSON字符串转JSON对象
Jul 31 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
Jan 18 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
Bootstrap fileinput组件封装及使用详解
Mar 10 Javascript
vue短信验证性能优化如何写入localstorage中
Apr 25 Javascript
vue如何进行动画的封装
Sep 26 Javascript
vue中组件的过渡动画及实现代码
Nov 21 Javascript
JS实现的碰撞检测与周期移动完整示例
Sep 02 Javascript
vue 实现LED数字时钟效果(开箱即用)
Dec 08 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
如何在PHP中使用Oracle数据库(4)
2006/10/09 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
关于尾递归的使用详解
2013/05/02 PHP
php中time()与$_SERVER[REQUEST_TIME]用法区别
2014/11/19 PHP
PHP速成大法
2015/01/30 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
PHP 匿名函数与注意事项详细介绍
2016/11/26 PHP
PHP框架laravel的.env文件配置教程
2017/06/07 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
解决 FireFox 下[使用event很麻烦] 的问题.
2006/08/22 Javascript
图片自动缩小的js代码,用以防止图片撑破页面
2007/03/12 Javascript
js 用CreateElement动态创建标签示例
2013/11/20 Javascript
JS数字抽奖游戏实现方法
2015/05/04 Javascript
jQuery EasyUI之DataGrid使用实例详解
2016/01/04 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
2017/11/13 jQuery
详解通过源码解析Node.js中cluster模块的主要功能实现
2018/05/16 Javascript
JS实现简易计算器
2020/02/14 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
[01:07:34]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第二场 1月9日
2021/03/11 DOTA
Python运算符重载用法实例
2015/05/28 Python
Python字符编码判断方法分析
2016/07/01 Python
详解Python 切片语法
2019/06/10 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
Python实例方法、类方法、静态方法区别详解
2020/09/05 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
美国在线健康和美容市场:Pharmapacks
2018/12/05 全球购物
文史专业毕业生自荐信
2013/11/17 职场文书
环保倡议书400字
2014/05/15 职场文书
消防安全宣传标语
2014/06/07 职场文书
陕西导游词
2015/02/04 职场文书