bootstrap timepicker在angular中取值并转化为时间戳

上一篇我们讲到angular对于timepicker的一个封装后的插件，但是由于angular的版本必须是v1.2.30以上的。对于有些大型系统，一时升级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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# bootstrap  # timepicker  # angular  # 时间戳  # AngularJS 日期格式化详解  # 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期  # Angularjs中使用layDate日期控件示例  # Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例  # Angularjs验证用户输入的字符串是否为日期时间  # Angular4.0中引入laydate.js日期插件的方法教程  # angularjs封装bootstrap时间插件datetimepicker  # angularjs实现时间轴效果的示例代码  # 基于datepicker定义自己的angular时间组件的示例  # AngularJS日期格式化常见操作实例分析  # 是这样  # 可以用  # 上一篇  # 转化为  # 方法来  # 讲到  # 大家多多  # 格式为  # html  # lt  # js  # css  # CN  # zh  # div  # form_datetime  # data  # format  # date  # input 

相关文章： MySQL查询结果复制到新表的方法(更新、插入)  如何用免费手机建站系统零基础打造专业网站？  如何在IIS管理器中快速创建并配置网站？  建站之星安装后如何配置SEO及设计样式？  如何在万网自助建站中设置域名及备案？  三星网站视频制作教程下载,三星w23网页如何全屏？  建站之星安装提示数据库无法连接如何解决？  如何快速生成可下载的建站源码工具？  ,如何利用word制作宣传手册？  如何选择适合PHP云建站的开源框架？  建站之星后台管理系统如何操作？  定制建站价位费用解析与套餐推荐全攻略  c# 在ASP.NET Core中管理和取消后台任务  建站之星代理费用多少？最新价格详情介绍  金*站制作公司有哪些,金华教育集团官网？  盘锦网站制作公司,盘锦大洼有多少5G网站？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  如何通过万网虚拟主机快速搭建网站？  PHP 500报错的快速解决方法  建站之星各版本价格是多少？  如何自定义建站之星网站的导航菜单样式？  表情包在线制作网站免费,表情包怎么弄？  制作旅游网站html,怎样注册旅游网站？  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  网站制作大概多少钱一个,做一个平台网站大概多少钱？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  高防服务器租用首荐平台，企业级优惠套餐快速部署  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  建站之星如何修改网站生成路径？  制作网站外包平台,自动化接单网站有哪些？  C++时间戳转换成日期时间的步骤和示例代码  建站之星安装路径如何正确选择及配置？  青岛网站建设如何选择本地服务器？  如何选择PHP开源工具快速搭建网站？  建站之星安装需要哪些步骤及注意事项？  建站主机服务器选购指南：轻量应用与VPS配置解析  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  宝塔面板如何快速创建新站点？  建站之家VIP精选网站模板与SEO优化教程整合指南  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  韩国服务器如何优化跨境访问实现高效连接？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  如何在景安服务器上快速搭建个人网站？  如何在腾讯云服务器上快速搭建个人网站？  建站之星价格显示格式升级，你的预算足够吗？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  已有域名和空间如何快速搭建网站？  广德云建站网站建设方案与建站流程优化指南  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？