codecamp

Vue EasyUI 日期框

日期框（ DateBox ）把可编辑的文本框和下拉日历面板结合起来。 日期框（ DateBox ）在文本框中输入的字符串可被转换为有效日期。被选择的日期也可以被转换为期望的格式。

属性列表

名称 数据类型 作用描述 默认值
value Date 字段值。 null
currentText string 当前日期按钮要显示的文本。 Today
closeText string 关闭按钮时要显示的文本。 Close
okText string 显示确定按钮的文本。 Ok
format string 日期格式。 MM/dd/yyyy

事件列表

名称 参数 作用描述
selectionChange Date 更改选择时触发。

注：
- 继承： ComboBase 。

使用方法

<DateBox v-model="value"></DateBox>
<p v-if="value">{{value | formatDate}}</p>
Vue EasyUI 单选框
Vue EasyUI 时间微调框
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

Vue EasyUI 教程总览

Vue EasyUI 基础

Vue EasyUI 布局

Vue EasyUI 表单

Vue EasyUI 菜单与按钮

Vue EasyUI 窗口

Vue EasyUI 数据与树

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }