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 

相关文章： 广州美橙建站如何快速搭建多端合一网站？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  官网建站费用明细查询_企业建站套餐价格及收费标准指南  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  seo网站制作优化,网站SEO优化步骤有哪些？  h5网站制作工具有哪些,h5页面制作工具有哪些？  威客平台建站流程解析：高效搭建教程与设计优化方案  如何选择域名并搭建高效网站？  如何通过虚拟主机空间快速建站？  详解jQuery中基本的动画方法  如何用5美元大硬盘VPS安全高效搭建个人网站？  如何选择最佳自助建站系统？快速指南解析优劣  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何使用Golang安装API文档生成工具_快速生成接口文档  如何选择网络建站服务器？高效建站必看指南  如何高效完成独享虚拟主机建站？  如何通过虚拟主机快速搭建个人网站？  如何用好域名打造高点击率的自主建站？  ui设计制作网站有哪些,手机UI设计网址吗？  如何在Ubuntu系统下快速搭建WordPress个人网站？  中山网站制作网页,中山新生登记系统登记流程？  如何通过商城自助建站源码实现零基础高效建站？  如何在Golang中指定模块版本_使用go.mod控制版本号  如何通过VPS搭建网站快速盈利？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  江苏网站制作公司有哪些,江苏书法考级官方网站？  建站之星展会模版如何一键下载生成？  如何在阿里云虚拟服务器快速搭建网站？  如何快速生成凡客建站的专业级图册？  ,如何利用word制作宣传手册？  如何选择可靠的免备案建站服务器？  建站之星官网登录失败？如何快速解决？  如何用狗爹虚拟主机快速搭建网站？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  微信小程序 五星评分(包括半颗星评分)实例代码  如何用wdcp快速搭建高效网站？  Python多线程使用规范_线程安全解析【教程】  C++时间戳转换成日期时间的步骤和示例代码  建站之星如何通过成品分离优化网站效率？  如何在搬瓦工VPS快速搭建网站？  建站之星如何助力企业快速打造五合一网站？  如何在万网自助建站平台快速创建网站？  如何选择香港主机高效搭建外贸独立站？  建站主机无法访问？如何排查域名与服务器问题  建站之家VIP精选网站模板与SEO优化教程整合指南  如何选购建站域名与空间？自助平台全解析  零服务器AI建站解决方案：快速部署与云端平台低成本实践  打鱼网站制作软件,波克捕鱼官方号怎么注册？  想学网站制作怎么学,建立一个网站要花费多少？  实惠建站价格推荐：2025年高性价比自助建站套餐解析