bootstrap timepicker在angular中取值并转化为时间戳_网络技术

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

发布时间 - 2026-01-11 01:51:15 点击率：次

上一篇我们讲到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

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Debian Postman插件如何安装

下一篇：天津网络推广新策略：精准定位助力企业腾飞

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Debian Postman插件如何安装

下一篇：天津网络推广新策略：精准定位助力企业腾飞