wui-date.js 一款基于angular的好看日历选择插件

    wui-data.js(wdate)是一款基于angular的js日历选择插件，界面美观，功能强大，使用简单。支持选择年月日、选择年月、选择年月日时分秒，还可以自定义css样式等。 1. 引入<code>wui.min.css</code>,以及font字体图标（与wui.css文件同级）

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

2. 引入依赖<code>angular.js</code>

<script src="js/angular.js"></script>

3. 引入wui-date.js

<script src="js/wui-date.js"></script>

4. 在你的项目引入<code>wui-data.js</code>依赖

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

5. 在页面使用<code>wui-data.js</code>组件

<wui-date
    format="yyyy-mm-dd hh:mm:ss"
    placeholder="请选择或输入日期"
    id="date4"
    btns="{'ok':'确定','now':'此刻'}"
    ng-model="date4"
>
</wui-date>

wdate的相关属性方法：

属性	描述	默认值	示例
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"
dateClass	自定义插件class	无	dateClass="myDate"(css文件需添加.myDate {color: red;})