Skip to content

Instantly share code, notes, and snippets.

@abuisman
Created September 16, 2011 12:15
Show Gist options
  • Save abuisman/1221991 to your computer and use it in GitHub Desktop.
Save abuisman/1221991 to your computer and use it in GitHub Desktop.
/**
* Create an input for a date that gets filled in by a datepicker in a modal window.
*/
createModalDatePickerInput: function(){
var field = Ti.UI.createTextField({
width: '90%',
height: 35,
borderStyle: Titanium.UI.INPUT_BORDERSTYLE_ROUNDED
});
field.addEventListener('focus', function(){
var subWin = Titanium.UI.createWindow({
navBarHidden:true,
layout: 'vertical'
});
var datePicker = Titanium.UI.createPicker({
useSpinner: true,
type: Titanium.UI.PICKER_TYPE_DATE,
top: 10,
});
subWin.add(datePicker);
var doneButton = Ti.UI.createButton({
title: 'Klaar',
height: 35,
width: '90%',
top: 10
});
subWin.add(doneButton);
subWin.open({
modal: true,
modalTransitionStyle: Ti.UI.iPhone.MODAL_TRANSITION_STYLE_COVER_VERTICAL,
modalStyle: Ti.UI.iPhone.MODAL_PRESENTATION_FORMSHEET
});
doneButton.addEventListener('click', function(){
//field.fireEvent('blur', {value: datePicker.value});
subWin.close();
});
field.addEventListener('blur', function(e){
//field.value = e.value;
});
}); // end the event handler def.
return field;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment