angular 万年历_angularjs日期选择插件

插件描述：可定义多种日期格式及人性化配置

使用方法

1. 在你的项目引入wui.css或wui.min.css,以及font图标文件(与wui.css文件同级)

2. 在你的项目引入wui-date.js或wui-date.min.js,依赖angular.js

3. 在你的项目引入wuiDate依赖var app = angular.module('app',["wui.date"]);

4. 在页面使用wui-date组件

format="yyyy-mm-dd hh:mm:ss"

placeholder="请选择或输入日期"

id="date4"

btns="{'ok':'确定','now':'此刻'}"

ng-model="date4"

属性id：时间插件主键 , 默认：scope.$id, 示例：id="date"

name：input的name属性, 默认：空, 示例：name="date"

format：定义时间格式, 默认：yyyy-mm-dd, 示例：format="yyyy-mm-dd hh:mm:ss"

ng-model：$scope绑定的初始化以及选择后时间的属性, 默认：不能为空, 示例：ng-model="date"

btns：定义底部按钮信息, 默认：空则隐藏所有按钮, 示例：btns="{'ok':'确定','now':'此刻','hitherto':true}"

(ok表示确定按钮 now表示选择当前系统时间按钮 hitherto:true表示显示选择'至今'按钮)interval：定义time选择器时间间隔, 默认：30minutes, 示例：interval="20"

position：选择框浮动位置, 默认：left, 示例：position="right"

placeholder：选择框提示语 , 默认：选择时间, 示例：placeholder="请选择或输入日期"

width：输入框宽度支持px及百分比 , 默认：220px, 示例：width="220"或width="220px"或width="50%"

size：选择插件内置大小 , 默认：小型, 示例：size="large"或size="L"

angular 万年历_angularjs日期选择插件相关推荐

php日期选择插件,优雅的日期选择插件daterangepicker
插件描述:jQuery bootstrap日期选择插件daterangepicker,多种时间类型选择使用方法第一步:引入css文件: bootstrap.min.css.font-awesome ...
daterangepicker java_日期选择插件Date Range Picker
Date Range Picker jQuery Date Range Picker 是一个基于 jQuery 的日期选择插件,使用起来也算方便,主要提日期范围.单个日期 (时间.周.快捷键.每周其 ...
移动端日期选择插件rolldate
rolldate为上一版jquery移动端时间插件的全新版本,目前保留了上一版的大部分功能,并且增加了回调函数,以及主题风格选取,最重要的是解决了上一版本的遗留问题,依赖jquery.滑动不够流畅.参 ...
jquery日期选择插件
这个插件最近发现有一个小Bug,已经修改过. 又写了一个日期选择插件,大家看代码吧,不知怎么的,老是上传不了资源文件了 /* * $-color 0.1 - New Wave Javascript * ...
自己动手丰衣足食之移动端日期选择插件（强烈推荐）
移动端的日期选择插件相比PC端比较少,主要原因是不同手机浏览器的效果不一样,mobiscroll 太臃肿了,而且不是免费的,一个字:丑在此向大家分享一款手机端的日期选择插件https://githu ...
原生js实现日期选择器插件简单风格日期选择插件
原生js实现日期选择插件 xs-DatePicker ** 效果图 ** ** 简介通过原生HTML/CSS/JavaScript完成一个日期选择器. 代码如下: ** <!-- 时间:202 ...
layDate日期选择插件
在日常的网页开发过程中,日期组件已经成为不可或缺的组件之一.同时,随着广大杰出攻城狮的不懈努力,也出现了很多优秀的日期组件,其中我个人觉得 layDate 日期组件是一个非常不错的组件,简洁易用,样式 ...
ajax小型日期插件,Pikaday.js简约轻量级的日期选择插件 - 资源分享
Pikaday.js 是一个 JavaScript 日期选择器,它不依赖于任何第三方 JavaScript 库,并且文件大小小于 5K,但是功能却一点不弱,可以进行很多高级定制.并且样式可以根据 CS ...
Datepicker-for-Bootstrap 日期选择插件
下载地址:https://github.com/Aymkdn/Datepicker-for-Bootstrap script type="text/javascript" src= ...
jquery日期插件_AngularJS 日期时间选择组件（附详细使用方法）
插件简介 AngularJS是一款目前非常火的JavaScript脚本库,应用范围十分广阔.今天给大家分享一款基于AngularJS和jQuery的日期时间选择组件,和别的日期选择插件一样,它同样支持 ...

angular 万年历_angularjs日期选择插件

angular 万年历_angularjs日期选择插件相关推荐

最新文章

热门文章