Sailfish应用开发入门（六）DatePicker和DatePickerDialog

最新推荐文章于 2020-11-20 20:25:17 发布

喝醉的毛毛虫

最新推荐文章于 2020-11-20 20:25:17 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Sailfish

本文链接：https://blog.csdn.net/liuhongwei123888/article/details/8887745

Sailfish 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了Qt中DatePicker控件的基本用法，包括如何设定特定日期、如何获取所选日期及触发事件等，并展示了DatePickerDialog的应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、DatePicker控件

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

import QtQuick 1.1import 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")

当我们不给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)”。

二、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")
}