inputEx - DateSplitField Usage

Basic DateSplitField creation

Use the following code to create a basic inputEx DateSplitField.

 
 
1// Example 1 
2var f = new inputEx.DateSplitField({label: 'Birthday', parentEl: 'container1', showMsg: true, required:true}); 
3 
4f.updatedEvt.subscribe(function(e, params) { 
5    var val = params[0]; 
6    YAHOO.util.Dom.get('container1').appendChild(inputEx.cn('div'nullnull'Updated with value= '+val)); 
7}); 
8 
9var div = YAHOO.util.Dom.get('container1'); 
10 
11var button1 = inputEx.cn('button'nullnull"SetValue with today date"); 
12div.appendChild(button1); 
13YAHOO.util.Event.addListener(button1, "click" ,function() {  
14    f.setValue(new Date());  
15}); 
16var button2 = inputEx.cn('button'nullnull"SetValue with empty string"); 
17div.appendChild(button2); 
18YAHOO.util.Event.addListener(button2, "click" ,function() {  
19    f.setValue('');  
20}); 
21 
22var button3 = inputEx.cn('button'nullnull"GetValue"); 
23div.appendChild(button3); 
24YAHOO.util.Event.addListener(button3, "click" ,function() {  
25    alert(f.getValue()); 
26}); 
27 
28var button4 = inputEx.cn('button'nullnull"Clear"); 
29div.appendChild(button4); 
30YAHOO.util.Event.addListener(button4, "click" ,function() {  
31    f.clear(); 
32}); 
view plain | print | ?