插件簡(jiǎn)介

AngularJS是一款目前非常火的JavaScript腳本庫(kù)，應(yīng)用范圍十分廣闊。今天給大家分享一款基于AngularJS和jQuery的日期時(shí)間選擇組件，和別的日期選擇插件一樣，它同樣支持年月日的快速定位。另外這款A(yù)ngularJS日期選擇組件還支持時(shí)間的選擇，精確到秒。

1.在你的項(xiàng)目引入wui.css或wui.min.css,以及font圖標(biāo)文件(與wui.css文件同級(jí))

<link?rel="stylesheet"?type="text/css"?href="css/wui.min.css">

2.在你的項(xiàng)目引入wui-date.js或wui-date.min.js,依賴angular.js

<script?type="text/javascript"?src="js/angular.js"?charset="utf-8">script>
<script?type="text/javascript"?src="js/wui-date.js"?charset="utf-8">script>

3.在你的項(xiàng)目引入wuiDate依賴

var?app?=?angular.module('app',["wui.date"]);

4.在頁(yè)面使用wui-date組件

<wui-date?format="yyyy-mm-dd?hh:mm:ss"?placeholder="請(qǐng)選擇或輸入日期"?id="date4"?btns="{'ok':'確定','now':'此刻'}"?ng-model="date4"
>
wui-date>

插件預(yù)覽

插件下載

在線演示鏈接：
https://www.html5tricks.com/demo/angularjs-datetime-picker/index.html

插件下載鏈接：
https://www.html5tricks.com/download/angularjs-datetime-picker.rar

解壓密碼：RJ4587

你可以點(diǎn)擊底部“閱讀原文”前往我們的官方網(wǎng)站html5tricks，在那里你可以在線演示這款A(yù)ngularJS 日期時(shí)間選擇組件，并且下載這個(gè)插件。今后我們還會(huì)陸續(xù)分享一些基于jQuery和HTML5的日期日歷插件，大家要記得持續(xù)關(guān)注哦。

每日分享前端插件干貨，歡迎關(guān)注！

點(diǎn)贊和在看就是最大的支持??

總結(jié)

以上是生活随笔為你收集整理的jquery日期插件_AngularJS 日期时间选择组件（附详细使用方法）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。