📄 ext.form.datefield.html
字号:
<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.form.DateField-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.form.DateField-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.form.DateField-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.form.DateField-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.form.DateField"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.form.DateField</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> DateField.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.form.DateField </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.form.TriggerField </td> </tr> </table> <div class="description"> Provides a date input field with a <a href="###" onClick="alert('Ext.DatePicker');">Ext.DatePicker</a> dropdown and automatic date validation. 提供一个包含 <a href="###" onClick="alert('Ext.DatePicker');">Ext.DatePicker</a> 日期选择、自动效验控件的日期输入字段 </div> <div class="hr"> </div> <a id="Ext.form.DateField-configs"></a> <h2>配置项</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 配置项 </th> <th class="msource-header"> 定义者 </th> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="format-header"></a> <b>format</b> : String <div class="mdesc"> <div class="short"> 用以覆盖本地化的默认日期格式化字串。字串必须为符合 Date#pars... </div> <div class="long"> 用以覆盖本地化的默认日期格式化字串。字串必须为符合 <a href="###" onClick="alert('Date#parseDate');">Date#parseDate</a> 指定的形式(默认为 'm/d/y')。 </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="altFormats-header"></a> <b>altFormats</b> : String <div class="mdesc"> <div class="short"> 用 "|" 符号分隔的多个日期格式化字串, 当输入的日期与默认的格式不... </div> <div class="long"> 用 "|" 符号分隔的多个日期格式化字串, 当输入的日期与默认的格式不符时用来尝试格式化输入值(默认为 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d')。 </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="disabledDays-header"></a> <b>disabledDays</b> : Array <div class="mdesc"> <div class="short"> 一个禁用的星期数组, 以 0 开始。例如, [0,6] 表示禁用周六和... </div> <div class="long"> 一个禁用的星期数组, 以 0 开始。例如, [0,6] 表示禁用周六和周日(默认为 null)。 </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="disabledDaysText-header"></a> <b>disabledDaysText</b> : String <div class="mdesc"> <div class="short"> 禁用星期上显示的工具提示(默认为 'Disabled') </div> <div class="long"> 禁用星期上显示的工具提示(默认为 'Disabled') </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="disabledDates-header"></a> <b>disabledDates</b> : Array <div class="mdesc"> <div class="short"> 一个以字串形式表示的禁用的日期数组。这些字串将会被用来创建一个动态正则... </div> <div class="long"> 一个以字串形式表示的禁用的日期数组。这些字串将会被用来创建一个动态正则表达式, 所以它们是很强大的。一个例子: <ul> <li>["03/08/2003", "09/16/2003"] 将会禁用那些确切的日期</li> <li>["03/08", "09/16"] 将会禁用每年中的那些日子</li> <li>["^03/08"] 将会只匹配开头(当使用短年份时非常有用)</li> <li>["03/../2006"] 将会禁用 2006 年 三月 的每一天</li> <li>["^03"] 将会禁用每年三月的每一天</li> </ul> 为了提供正则表达式的支持, 如果你使用一个包含 "." 的日期格式, 你就得将小数点转义使用。例如: ["03\\.08\\.03"]。 </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="disabledDatesText-header"></a> <b>disabledDatesText</b> : String <div class="mdesc"> <div class="short"> 禁用日期上显示的工具提示(默认为 'Disabled') </div> <div class="long"> 禁用日期上显示的工具提示(默认为 'Disabled') </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="minValue-header"></a> <b>minValue</b> : Date/String <div class="mdesc"> <div class="short"> 允许的最小日期。可以是一个 Javascript 日期对象或一个有效格... </div> <div class="long"> 允许的最小日期。可以是一个 Javascript 日期对象或一个有效格式的字串(默认为 null) </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="maxValue-header"></a> <b>maxValue</b> : Date/String <div class="mdesc"> <div class="short"> 允许的最大日期。可以是一个 Javascript 日期对象或一个有效格... </div> <div class="long"> 允许的最大日期。可以是一个 Javascript 日期对象或一个有效格式的字串(默认为 null) </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="minText-header"></a> <b>minText</b> : String <div class="mdesc"> <div class="short"> 当字段的日期早于 minValue 属性指定值时显示的错误文本(默认为... </div> <div class="long"> 当字段的日期早于 minValue 属性指定值时显示的错误文本(默认为 'The date in this field must be after {minValue}')。 </div> </div> </td> <td class="msource"> DateField </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="maxText-header"></a>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -