📄 bidatepicker.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><!--Generated using api.website.xsl version 2003-07-17--><head><META http-equiv="Content-Type" content="text/html; charset=utf-8"><title>BiDatePicker</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link type="text/css" rel="stylesheet" href="api.css"><script type="text/javascript"> function showDerivedClasses() { var ul = document.getElementById("api-derived-classes"); var lis = ul.childNodes; var l = lis.length; for (var i = 1; i < l; i++) lis[i].style.display = ""; lis[0].style.display = "none"; } </script></head><body><h1 id="BiDatePicker">BiDatePicker</h1><p>This component provides a text field where one can write a date and a popup containing a<code><a href="BiCalendar.html">BiCalendar</a></code> that allows one to pick a date.</p><p>This class extends <code><a href="BiComponent.html">BiComponent</a></code> and therefore all methods and fields available for <code><a href="BiComponent.html">BiComponent</a></code> are also available for <code>BiDatePicker</code>.</p><ul class="partial-class-tree"><li><code><a href="BiObject.html">BiObject</a></code><ul><li><code><a href="BiEventTarget.html">BiEventTarget</a></code><ul><li><code><a href="BiComponent.html">BiComponent</a></code><ul><li><code>BiDatePicker</code><ul id="api-derived-classes"></ul></li></ul></li></ul></li></ul></li></ul><h2>Constructor</h2><p><code> new BiDatePicker([<span class="methodArgument">oDate</span>])</code></p><h3>Parameters</h3><table><thead><tr><td>Name</td><td>Type</td><td class="optional-header">Optional</td><td>Default</td><td>Descripton</td></tr></thead><tbody><tr><td><code>oDate</code></td><td><code class="type">Date</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td></td><td>Optional date</td></tr></tbody></table><h2>Properties</h2><table><thead><tr><td>Name</td><td>Type</td><td class="get-header">get</td><td class="set-header">set</td><td>Descripton</td></tr></thead><tbody><tr><td><a name="button"></a><code>button</code></td><td><code class="type"> <code><a href="BiButton.html">BiButton</a></code> </code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"></td><td>The drop down button inside the component</td></tr><tr><td><a name="dateFormat"></a><code>dateFormat</code></td><td><code class="type"> <code><a href="BiDateFormat.html">BiDateFormat</a></code> </code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The object describing how to parse and format dates</td></tr><tr><td><a name="dropDownVisible"></a><code>dropDownVisible</code></td><td><code class="type">Boolean</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>Whether the calendar part is visible or not</td></tr><tr><td><a name="invalidMessage"></a><code>invalidMessage</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>A string that can be used to describe why the input is invalid</td></tr><tr><td><a name="isValid"></a><code>isValid</code></td><td><code class="type">Boolean</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"></td><td>This will call the validator (if any) and return <code>true</code> if the text is valid</td></tr><tr><td><a name="popup"></a><code>popup</code></td><td><code class="type"> <code><a href="BiPopup.html">BiPopup</a></code> </code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"></td><td>The popup containing the calendar</td></tr><tr><td><a name="selectedDate"></a><code>selectedDate</code></td><td><code class="type">Date</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The selected date</td></tr><tr><td><a name="text"></a><code>text</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The text shown in the text field part of the date picker. Setting this causes the text to be parsed and this might trigger a <code><a href="#change">change</a></code> event.</td></tr><tr><td><a name="textField"></a><code>textField</code></td><td><code class="type"> <code><a href="BiTextField.html">BiTextField</a></code> </code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"></td><td>The text field inside the component</td></tr><tr><td><a name="validator"></a><code>validator</code></td><td><code class="type">Function</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>A function that is used to validate the text</td></tr></tbody></table><h2>Methods</h2><p>None.</p><h2>Events</h2><table><thead><tr><td>Name</td><td>Type</td><td class="bubbles-header">Bubbles</td><td>Descripton</td></tr></thead><tbody><tr><td><a name="action"></a><code>action</code></td><td><code class="type"> <code><a href="BiEvent.html">BiEvent</a></code> </code></td><td class="bubbles-column"></td><td>This is fired when the user clicks to select a date or when the enter key is pressed</td></tr><tr><td><a name="change"></a><code>change</code></td><td><code class="type"> <code><a href="BiEvent.html">BiEvent</a></code> </code></td><td class="bubbles-column"></td><td>This is fired when the selecetd date changes</td></tr><tr><td><a name="textchanged"></a><code>textchanged</code></td><td><code class="type"> <code><a href="BiEvent.html">BiEvent</a></code> </code></td><td class="bubbles-column"></td><td>This is fired when the text in the text field is changed</td></tr></tbody></table><h2>Static Methods</h2><table><thead><tr><td>Name</td><td>Description</td></tr></thead><tbody><tr><td><code><a href="#createRegExpValidator">createRegExpValidator</a></code></td><td>This method is useful when assigning regular expressions as validation functions.</td></tr></tbody></table><h2>Static Fields</h2><p>None.</p><h2>Remarks</h2><p> </p><h2>Static Method Details</h2><h3><a name="createRegExpValidator"></a>createRegExpValidator</h3><p>This method is useful when assigning regular expressions as validation functions.</p><h4>Syntax</h4><pre class="method-syntax">BiDatePicker.createRegExpValidator(<span class="methodArgument">oRegExp</span>)</pre><h4>Parameters</h4><table><thead><tr><td>Name</td><td>Type</td><td class="optional-header">Optional</td><td>Default</td><td>Descripton</td></tr></thead><tbody><tr><td><code>oRegExp</code></td><td><code class="type">RegExp</code></td><td class="optional-column"></td><td></td><td>A regular expression object</td></tr></tbody></table><h4>Return Type</h4><p><code class="type">Function</code></p></body></html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -