当前位置: 开发笔记 > 前端 > 正文

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

作者：萝莉控的小潴_515 | 来源：互联网 | 2022-02-26 11:56

这篇文章主要介绍了bootstraptimepicker在angular中取值并转化为时间戳的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

上一篇我们讲到angular对于timepicker的一个封装后的插件，但是由于angular的版本必须是v1.2.30以上的。对于有些大型系统，一时升级angular的版本实在耗费时间。那么可以用这种方法来取值。

页面上的时间格式是这样的：

文件引入

'/bootstrap-datetimepicker.min.css',
'/bootstrap-datetimepicker.min.js',
'/bootstrap-datetimepicker.zh-CN.js',//中文包

html

 //设置时间格式为 yyyy-mm-dd hh:ii:ss 。设置ID为 effStartDate

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

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

推荐阅读

css
如何在Ember.js中使用HBS模板

本文介绍了.hbs文件作为Ember.js项目中的视图层，类似于HTML文件的功能，并详细讲解了如何在Ember.js应用中集成Bootstrap框架及其相关组件的方法。 ... [详细]

蜡笔小新 2024-11-21 18:50:46
bootstrap
【小白学习C++ 教程】二十三、如何安装和使用 C++ 标准库

【小白学习C++ 教程】二十三、如何安装和使用 C++ 标准库 ... [详细]

蜡笔小新 2024-11-19 19:30:06
css
使用Gulp进行前端资源压缩

本文探讨了如何利用Gulp这一强大的自动化构建工具，通过集成各种第三方插件来实现JavaScript、CSS和HTML等前端资源的高效压缩，以提升网站性能。 ... [详细]

蜡笔小新 2024-11-30 18:26:00
css
HTML中input标签使用disabled属性的影响及解决方案

本文探讨了在HTML表单中为input标签设置disabled属性的具体效果，包括其对用户交互和数据提交的影响，并提供了一种既能保持输入框不可编辑又能确保数据提交的方法。 ... [详细]

蜡笔小新 2024-11-30 16:23:16
vue
HQChart 1.9695 发布，集成通达信集合竞价图表

HQChart 是首个将传统的PC端股票客户端（C++）移植至 jspy 平台的项目，支持 K 线图和麦语言（分析家语法）指标计算。此次更新主要增加了通达信集合竞价图等功能。 ... [详细]

蜡笔小新 2024-11-30 11:46:23
css
深入理解HTTP协议及其数据包

HTTP（超文本传输协议）是互联网上用于客户端和服务器之间交换数据的主要协议。本文详细介绍了HTTP的工作原理，包括其请求-响应机制、不同版本的发展历程以及HTTP数据包的具体结构。 ... [详细]

蜡笔小新 2024-11-30 10:36:22
css
电子与正电子的相互作用

本文探讨了电子与正电子之间的基本物理特性及其在现代物理学中的应用，包括它们的产生、湮灭过程以及在粒子加速器和宇宙射线中的表现。 ... [详细]

蜡笔小新 2024-11-29 09:09:04
css
深入解析 Bootstrap Table 的使用技巧

本文详细介绍了如何利用 Bootstrap Table 实现数据展示与操作，包括数据加载、表格配置及前后端交互等关键步骤。 ... [详细]

蜡笔小新 2024-11-20 17:21:26
css
Bootstrap Paginator 分页插件详解与应用

本文深入探讨了Bootstrap Paginator这款流行的JavaScript分页插件，提供了详细的使用指南和示例代码，旨在帮助开发者更好地理解和利用该工具进行高效的数据展示。 ... [详细]

蜡笔小新 2024-11-20 13:39:53
css
Bootstrap 轮播图(Carousel)组件详解与应用

Bootstrap 的轮播图（Carousel）组件提供了一种简单而灵活的方法，用于在网站上实现响应式幻灯片效果。此组件不仅支持图片展示，还兼容嵌入式框架、视频等多媒体内容。 ... [详细]

蜡笔小新 2024-11-20 11:50:55
css
Bootstrap 插件使用指南

本文详细介绍了如何在 Web 前端开发中使用 Bootstrap 插件，包括自动触发插件的方法、插件的引用方式以及具体的实例。 ... [详细]

蜡笔小新 2024-11-15 12:24:25
css
Ubuntu下构建LAMP环境及PHP开发实践

本文详细记录了在Ubuntu 9.10操作系统上从零开始搭建LAMP（Linux, Apache, MySQL, PHP）环境的过程，包括遇到的问题及解决方案。旨在为初次尝试搭建LAMP环境的开发者提供参考。 ... [详细]

蜡笔小新 2024-11-30 20:30:52
css
将文档添加至开始菜单文件夹的方法

本文介绍如何使用ShlObj单元中的ShAddToRecentDoc函数，将指定路径的文档添加到Windows系统的最近使用列表中，具体实现包括调用方法和参数设置。 ... [详细]

蜡笔小新 2024-11-30 20:14:29
css
Sass 语法入门与实践

Sass 是一种 CSS 的预处理器，通过使用变量、嵌套、继承等高级功能，使得 CSS 的编写更加灵活和高效。本文将介绍 Sass 的基本语法及其安装使用方法。 ... [详细]

蜡笔小新 2024-11-29 09:55:54
css
深入理解Scanner类中的nextInt()和nextDouble()方法

本文详细探讨Java中Scanner类的两个重要方法——nextInt()和nextDouble()，并通过实例代码演示如何使用这些方法来处理用户输入。 ... [详细]

蜡笔小新 2024-11-29 07:28:01

萝莉控的小潴_515

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章