WdatePicker cannot pop up the date box, wdatepicker pop up

WdatePicker cannot pop up the date box, wdatepicker pop up

During development, When referencing the WdatePicker calendar control, if the path is correct, the calendar control package is complete, and the code is normal, debugging is normal, but the date box cannot be displayed after the release, after finding and verifying, the solution is finally found:

Modification Method: In WdatePicker. js, change $ crossFrame: true to false. After the modification, it cannot be displayed and the cache is cleared. Cross-origin framework Problems

After the page is refreshed, The WdatePicker calendar control cannot be displayed.

Is WdatePicker A js method in My97DatePicker? After the My97DatePicker file is introduced on the jsp page, you can call the method directly.
<Script language = "JavaScript" src = "My97DatePicker/WdatePicker. js"> </script>

<Input type = "text" name = "Date" id = "Date" class = "Wdate" onclick = "WdatePicker ()">

The reason why WdatePicker cannot be used between the early morning and the early morning 30 minutes

1. Cross-infinite frame display

No matter where you put the date control, you do not need to worry that it will be blocked by the outer iframe, thus affecting the customer experience, because the My97 date control can be displayed across an infinite frame.

Example 2-7 cross-infinite framework demonstration

The iframe can span the framework infinitely. No matter how nested the framework is, you don't have to worry about it, even if you have a scroll bar.

2. Calendar of the Republic of China and other special calendars

When the year format is set to yyy, the year difference property yearOffset (default value: 1911 republic of china year) can be used to achieve the year of the Republic of China calendar and other special calendar

Example 2-8 demo in the Republic of China

ITPUB personal space w_it [kKS
<Input type = "text" id = "d28" onClick = "WdatePicker ({dateFmt: 'yyy/MM/dd'})"/> ITPUB personal space hs RGT: r % CSO "|) t
ITPUB personal space $ d0 [8v |: U [S oO
Note: When the year format is set to yyy, the actual date will be subtracted from a difference yearOffset (default value: 1911). If the default value is used for the year of the Republic of China, no additional configuration is required, for other differences, you can configure them as parameters.

3. Convenient Programming

If the el value is this, it can be omitted, that is, all el: this can be left blank with ITPUB personal space $ bB n7W "K0HW
When the date box is set to disabled, it is prohibited to change the date (the selection box is not displayed) ITPUB personal space Qa + gJ4n7S
If the onpicked event is not defined, the onchange event in the text box is automatically triggered. ITPUB's personal space is vEN * WS?
If the oncleared event is not defined, the onchange event is automatically triggered when the event is cleared.

4. other attributes

Set the readOnly attribute to specify whether the date box is read-only.
I @ |. t & M + n) g0 sets the highLineWeekDay attribute to specify whether to highlight the weekend.
N [(c % GG, F! L8 [0 sets the isShowOthers attribute to specify whether to display the date ITPUB personal space c n g vi (vE [
When class = "Wdate" is added, the date icon appears on the right of the Selection box.

Multi-language and Custom Skin

1. multi-language support
By using the lang attribute, you can configure the language for each date control separately. Of course, you can also configure the global language through WdatePicker. js.
For the list of R OWo 'u2f} a0 language and language installation instructions, see language configuration.

Example 3-1 multi-language example

Traditional Chinese: ITPUB personal space ta. e {6Ath
<Input id = "d311" class = "Wdate" type = "text" onFocus = "WdatePicker ({lang: 'zh-tw '})"/>

English: ITPUB personal space 6g' q0a's, lj. BbP/z % {
<Input id = "d312" class = "Wdate" type = "text" onFocus = "WdatePicker ({lang: 'en'})"/>

Simplified Chinese: ITPUB personal space 6] J & Y; [I4Y]
<Input id = "... the remaining full text>