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 

相关文章： 建站之星导航菜单设置与功能模块配置全攻略  建站之星与建站宝盒如何选择最佳方案？  如何快速使用云服务器搭建个人网站？  广州建站公司哪家好？十大优质服务商推荐  如何用PHP快速搭建CMS系统？  制作公司内部网站有哪些,内网如何建网站？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  网站制作公司,橙子建站是合法的吗？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  建站主机选哪家性价比最高？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  如何注册花生壳免费域名并搭建个人网站？  电商平台网站制作流程,电商网站如何制作？  专业网站建设制作报价,网页设计制作要考什么证？  如何基于PHP生成高效IDC网络公司建站源码？  建站之星安装模板失败：服务器环境不兼容？  h5在线制作网站电脑版下载,h5网页制作软件？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  深圳网站制作培训,深圳哪些招聘网站比较好？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  威客平台建站流程解析：高效搭建教程与设计优化方案  宝塔建站教程：一键部署配置流程与SEO优化实战指南  如何通过西部数码建站助手快速创建专业网站？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  C#如何使用XPathNavigator高效查询XML  如何获取免费开源的自助建站系统源码？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  建站主机选购指南：核心配置与性价比推荐解析  建站之星备案流程有哪些注意事项？  如何在新浪SAE免费搭建个人博客？  教学网站制作软件,学习*后期制作的网站有哪些？  公司门户网站制作流程,华为官网怎么做？  建站之星展会模版如何一键下载生成？  内部网站制作流程,如何建立公司内部网站？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  外贸公司网站制作,外贸网站建设一般有哪些步骤？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  宝塔建站无法访问？如何排查配置与端口问题？  高防服务器：AI智能防御DDoS攻击与数据安全保障  如何选择可靠的免备案建站服务器？  如何实现建站之星域名转发设置？  上海网站制作开发公司,上海买房比较好的网站有哪些？  nginx修改上传文件大小限制的方法  金*站制作公司有哪些,金华教育集团官网？  清除minerd进程的简单方法  如何在自有机房高效搭建专业网站？  如何挑选最适合建站的高性能VPS主机？  如何快速搭建高效服务器建站系统？