Use the following code to create a basic inputEx DatePickerField.
| 1 | new inputEx.DatePickerField({parentEl: 'container1'}); |
| view plain | print | ? |
Use the following code to select another date format
| 1 | new inputEx.DatePickerField({parentEl: 'container2', value: new Date(1984,0,6), dateFormat: 'd/m/Y'}); |
| view plain | print | ? |
Listening for the updatedEvt
| 1 | var datepicker = new inputEx.DatePickerField({parentEl: 'container3', value: new Date(), dateFormat: 'd/m/Y'}); |
| 2 | datepicker.updatedEvt.subscribe( function(e,params) { |
| 3 | var value = params[0]; |
| 4 | YAHOO.util.Dom.get('container3').appendChild( inputEx.cn('div',null,null, value) ); |
| 5 | }); |
| view plain | print | ? |
The setValue/getValue methods will parse/format the dates to the valueFormat option.
| 1 | var datepicker2 = new inputEx.DatePickerField({parentEl: 'container4', value: new Date(), valueFormat: 'Y-m-d', value: '2009-01-01'}); |
| 2 | datepicker2.updatedEvt.subscribe( function(e,params) { |
| 3 | var value = params[0]; |
| 4 | YAHOO.util.Dom.get('container4').appendChild( inputEx.cn('div',null,null, value) ); |
| 5 | }); |
| view plain | print | ? |
Disable method
| 1 | var f = new inputEx.DatePickerField({parentEl: 'container5'}); |
| 2 | |
| 3 | var exampleDiv = YAHOO.util.Dom.get('container5'); |
| 4 | |
| 5 | var button1 = inputEx.cn('button', null, null, 'disable()'); |
| 6 | exampleDiv.appendChild(button1); |
| 7 | YAHOO.util.Event.addListener(button1, 'click', function() { f.disable(); }); |
| 8 | |
| 9 | var button2 = inputEx.cn('button', null, null, 'enable()'); |
| 10 | exampleDiv.appendChild(button2); |
| 11 | YAHOO.util.Event.addListener(button2, 'click', function() { f.enable(); }); |
| view plain | print | ? |
If you want to let users enter the date manually
| 1 | new inputEx.DatePickerField({parentEl: 'container6', readonly: false, showMsg: true}); |
| view plain | print | ? |