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

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
Dapper：一款高效轻量的ORM框架

Dapper 是一个高效且轻量级的 ORM（对象关系映射）框架，由 StackExchange 开发并维护。它旨在提供快速的数据访问性能，同时保持代码的简洁性和易用性。Dapper 可以显著提高开发效率，特别适用于需要高性能数据操作的应用场景。更多详细信息可参考其官方文档和 GitHub 仓库。 ... [详细]

蜡笔小新 2024-10-25 18:00:38
html
适用于 SSR/WASM 的 ZXing Blazor 扫码组件，高效集成与优化

本项目基于 ZXing 封装了适用于 SSR 和 WASM 的 Blazor 扫码组件，能够高效地集成到 Blazor 应用中，并支持通过手机或桌面电脑的摄像头进行扫码操作。该组件库不仅简化了开发流程，还提供了高性能的扫码体验。项目地址：[链接] ... [详细]

蜡笔小新 2024-10-24 13:09:48
jquery
基于Java、PHP和Python的汽车销售管理系统计算机科学毕业设计研究

本研究聚焦于利用Java、PHP和Python开发的汽车销售管理系统，旨在为计算机科学专业学生的毕业设计提供参考。项目采用BS架构，结合多种编程语言的优势，实现高效的数据管理和用户交互。该系统不仅涵盖了汽车销售的核心功能，还通过集成先进的技术栈，提升了系统的稳定性和扩展性。 ... [详细]

蜡笔小新 2024-10-26 21:14:58
label
HTML5 Web存储技术详解：从基础到应用全面解析

HTML5 Web存储技术是许多开发者青睐本地应用程序的重要原因之一，因为它能够实现在客户端本地存储数据。HTML5通过引入Web Storage API，使得Web应用程序能够在浏览器中高效地存储数据，从而提升了应用的性能和用户体验。相较于传统的Cookie机制，Web Storage不仅提供了更大的存储容量，还简化了数据管理和访问的方式。本文将从基础概念、关键技术到实际应用，全面解析HTML5 Web存储技术，帮助读者深入了解其工作原理和应用场景。 ... [详细]

蜡笔小新 2024-10-26 20:33:04
css
深入浅出解析HTTP协议的核心功能与应用

前言——协议是指预先设定的通信规则，确保双方能够按照既定标准进行有效沟通，从而实现准确的信息交换。例如，驯兽师通过拍手使动物坐下，这实际上是一种预设的协议。本文将详细探讨HTTP协议的核心功能及其广泛应用，解析其在现代网络通信中的重要作用。 ... [详细]

蜡笔小新 2024-10-26 18:47:54
console
基于STM32的智能太阳能路灯设计与华为云IOT集成方案

基于STM32的智能太阳能路灯设计与华为云IOT集成方案 ... [详细]

蜡笔小新 2024-10-26 17:10:18
css
浏览器与服务器在网站访问过程中的数据交互分析

本文分析了浏览器与服务器在网站访问过程中基于HTTP协议的数据交互机制。HTTP协议具有轻量级和高效通信的特点，主要通过GET、HEAD和POST方法进行数据传输。其“请求-响应”模式确保了数据交互的有序性和可靠性，同时支持多种数据格式和内容类型，为现代Web应用提供了坚实的基础。 ... [详细]

蜡笔小新 2024-10-26 11:19:06
html
算术表达式分析与解析技术初探

本文初步探讨了算术表达式的分析与解析技术，针对作者在职业转型过程中发现自身算法基础薄弱的问题，决定在接下来的三个月内，系统地学习和掌握常用数据结构与算法，以提升个人技术能力。研究内容不仅涵盖了基本的算术表达式解析方法，还深入讨论了其在实际应用中的优化策略，为相关领域的进一步研究奠定了基础。 ... [详细]

蜡笔小新 2024-10-26 09:37:52
vue.js
基于Node.js、EJSExcel、Express与Vue.js构建Excel转JSON工具：首阶段——Vue.js项目初始化及开发环境配置

在近期的一个H5游戏开发项目中，需要将Excel数据转换为JSON格式。经过调研，市面上缺乏合适的工具满足需求。因此，决定利用Node.js、EJSExcel、Express和Vue.js自行构建这一工具。本文主要介绍项目的第一阶段，即Vue.js项目的初始化及开发环境的配置过程，详细阐述了如何搭建高效的前端开发环境，确保后续功能开发的顺利进行。 ... [详细]

蜡笔小新 2024-10-26 07:41:45
console
AngularJS uirouter模块下的状态管理机制深入解析

本文深入探讨了 AngularJS 中 ui-router 模块的状态管理机制。通过详细分析状态配置、状态转换和嵌套状态等核心概念，结合实际案例，帮助开发者更好地理解和应用这一强大工具，提升单页面应用的开发效率和用户体验。 ... [详细]

蜡笔小新 2024-10-26 03:07:58
json
逐步掌握游戏账户服务数据库与Erlang服务器开发技巧

本文将深入探讨MySQL与MongoDB在游戏账户服务中的应用特点及优劣。通过对比这两种数据库的性能、扩展性和数据一致性，结合实际案例，帮助开发者更好地选择适合游戏账户服务的数据库方案。同时，文章还将介绍如何利用Erlang语言进行高效的游戏服务器开发，提升系统的稳定性和并发处理能力。 ... [详细]

蜡笔小新 2024-10-25 15:45:30
html
云原生环境下的Argo CD自动化同步机制探析

在云原生环境中，Argo CD的自动化同步机制能够显著提升部署效率。本文探讨了如何利用Argo CD实现自动化同步，避免了手动操作的繁琐。通过配置Webhook或定时任务，当Git仓库发生变更时，系统能够自动触发同步流程，确保应用的及时更新和一致状态。 ... [详细]

蜡笔小新 2024-10-24 19:16:25
json
在 CentOS 7 上部署与配置 RabbitMQ 消息队列系统

在 CentOS 7 上部署和配置 RabbitMQ 消息队列系统时，首先需要安装 Erlang，因为 RabbitMQ 是基于 Erlang 语言开发的。具体步骤包括：安装必要的依赖项，下载 Erlang 源码包（可能需要一些时间，请耐心等待），解压源码包，解决可能出现的错误，验证安装是否成功，并将 Erlang 添加到环境变量中。接下来，下载 RabbitMQ 的 tar.xz 压缩包，并进行解压和安装。确保每一步都按顺序执行，以保证系统的稳定性和可靠性。 ... [详细]

蜡笔小新 2024-10-24 06:28:41
jquery
Joomla系统概述与应用指南

Joomla!软件介绍【Joomla!概括介绍】国外相当知名的内容管理系统。【Joomla!基本介绍】Joomla!是一套在国外相当知名的内容管理系统(ContentManagem ... [详细]

蜡笔小新 2024-10-23 15:41:28
jquery
在 Debian 11 系统中部署 CMake 的详细步骤与最佳实践

CMake是一个免费、开源、跨平台的工具系列，旨在构建、测试和打包软件. CMake用于使用简单的平台和独立于编译器的配置文件来控制软件编译过程，并生成可在您选择的编译器环境中使用 ... [详细]

蜡笔小新 2024-10-23 08:15:57

萝莉控的小潴_515

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

Tags | 热门标签

RankList | 热门文章