×
Namespaces

Variants
Actions
(Difference between revisions)

DatePicker and TimePicker Dialogs in MeeGo Qt Quick Extras Components

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Update ArticleMetaData)
hamishwillee (Talk | contribs)
m (Text replace - "Category:MeeGo 1.2 Harmattan" to "")
Line 1: Line 1:
[[Category:Qt Quick]][[Category:MeeGo]][[Category:MeeGo 1.2 Harmattan]][[Category:UI]]
+
[[Category:Qt Quick]][[Category:MeeGo]][[Category:UI]]
 
{{Abstract|This article demonstrates how to use [http://harmattan-dev.nokia.com/docs/library/html/qt-components-extras/qt-components-meego-extrasdatepickerdialog.html DatePickerDialog] and [http://harmattan-dev.nokia.com/docs/library/html/qt-components-extras/qt-components-meego-extrastimepickerdialog.html TimePickerDialog] from the MeeGo Qt Quick Components Extras. These handy components allow users to select dates and times using "tumblers".}}  
 
{{Abstract|This article demonstrates how to use [http://harmattan-dev.nokia.com/docs/library/html/qt-components-extras/qt-components-meego-extrasdatepickerdialog.html DatePickerDialog] and [http://harmattan-dev.nokia.com/docs/library/html/qt-components-extras/qt-components-meego-extrastimepickerdialog.html TimePickerDialog] from the MeeGo Qt Quick Components Extras. These handy components allow users to select dates and times using "tumblers".}}  
 
----
 
----

Revision as of 03:11, 2 May 2012

This article demonstrates how to use DatePickerDialog and TimePickerDialog from the MeeGo Qt Quick Components Extras. These handy components allow users to select dates and times using "tumblers".


Meego datepicker 01.png Meego datepicker 02.png Meego datepicker 02.png

Article Metadata
Tested with
Devices(s): N950
Compatibility
Platform(s): MeeGo Harmattan
Article
Keywords: DatePickerDialog, TimePickerDialog
Created: gaba88 (30 Sep 2011)
Last edited: hamishwillee (02 May 2012)

Code snippet

Note that as these are part of the extras component, we need to include import com.nokia.extras 1.0 in our QML script.

import QtQuick 1.1 
import com.nokia.meego 1.0
import com.nokia.extras 1.0
 
Page{
id:dialogPage
function showTimePicker(){
timePickerDialog.open()
}
function showDatePicker(){
datePickerDialog.open()
}
function timePickerAccepted(){
dateLabel.text = "Selected Time: "+timePickerDialog.hour+":"+timePickerDialog.minute+":"+timePickerDialog.second
}
function datePickerAccepted(){
dateLabel.text = "Selected Date: "+datePickerDialog.day+"/"+datePickerDialog.month+"/"+datePickerDialog.year
}
ButtonColumn{
id:buttonColumn
anchors.top: parent.top ; anchors.topMargin: 20
width: parent.width
Button{
text: "Show Date Picker"
onClicked: {
showDatePicker()
}
}
Button{
text: "Show Timer Picker"
onClicked: {
showTimePicker()
}
}
}
Label{
id:dateLabel
anchors.top:buttonColumn.bottom ; anchors.topMargin: 20
width: buttonColumn.width; height: buttonColumn.height
}
DatePickerDialog{
id:datePickerDialog
titleText: "Select Date"
onAccepted: {datePickerAccepted()}
}
TimePickerDialog{
id:timePickerDialog
titleText: "Select Time"
acceptButtonText: "Confirm"
rejectButtonText: "Reject"
onAccepted: timePickerAccepted()
}
}
134 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×