Sailfish应用开发入门(六)DatePicker和DatePickerDialog

时间:2013-05-05作者:klpeng分类:swoole浏览:2004评论:0

一、DatePicker控件 

     DatePicker即一个日历控件,如下代码可以被设置为显示2008年5月12日的日历(中国人都应该还记得这个日子)。

import QtQuick 1.1
import Sailfish.Silica 1.0
import "pages"

ApplicationWindow
{
    initialPage: Page {
        id: page

        DatePicker {
            id: datePicker1
            year: 2008
            month: 5
            day: 12
        }

    }

    cover: Qt.resolvedUrl("cover/CoverPage.qml")
}


Sailfish应用开发入门(六)DatePicker和DatePickerDialog     

当我们不给DatePicker设置year、month、date的时候会默认显示本地当前时间,如以下代码:

import QtQuick 1.1
import Sailfish.Silica 1.0
import "pages"

ApplicationWindow
{
    initialPage: Page {
        id: page

        DatePicker {
            id: datePicker1
            onDateChanged: console.log(dateText)
        }

        Button {
            anchors.centerIn: parent
            text: "Show Date"
            onClicked: console.log(datePicker1.date + " & " + datePicker1.year + " " + datePicker1.month + " " + datePicker1.day)
        }

    }

    cover: Qt.resolvedUrl("cover/CoverPage.qml")
}

      当点击某个日期的时候会触发onDateChanged事件,获取当前日期的年、月、日可以使用相关属性如year、month、day等。dateText属性显示日期年月日的字符串表示如“5 May 2013”,date属性为日期的完整字符串表示“Sun May 05 2013 00:00:00 GMT+0300 (EEST)”。

      Sailfish应用开发入门(六)DatePicker和DatePickerDialog

二、DatePickerDialog

       DatePickerDialog就是将DatePicker以Dialog的形式显示,如下代码:    

import QtQuick 1.1
import Sailfish.Silica 1.0
import "pages"

ApplicationWindow
{
    initialPage: Page {
        id: page
        Button {
            id: btn
            anchors.centerIn: parent
            text: "Choose a date"
            onClicked: pageStack.openDialog("Sailfish.Silica.DatePickerDialog", {
                     onAccepted: {

                     }
                 })
        }

    }

    cover: Qt.resolvedUrl("cover/CoverPage.qml")
}




 

打赏
文章版权声明:除非注明,否则均为彭超的博客原创文章,转载或复制请以超链接形式并注明出处。
相关推荐

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

猜你喜欢