zoukankan      html  css  js  c++  java
  • Windows 8.1 新增控件之 DatePicker

    大年初一来介绍一个简单易用的DatePicker 控件,这个控件是新增的?印象里很早就有了啊,Anyway来看看Windows 8.1 里的DataPicker 有什么功能吧。

    先来看看这个代码,很简单就是一个选择生日的DatePicker

    <DatePicker x:Name="datePicker" Header="Brithday"/>

    image

    但是这个日期好像有些怪怪的,生日应该不会超过2014年啊,可以使用MaxYear 来控制它。在C# 中加入下面代码即可:

    public MainPage()
    {
        this.InitializeComponent();
        datePicker.MaxYear = DateTime.Now;
    }

    OK,要的就是这个效果!

    image

    当然DatePicker 还提供了很多种显示方式,通过DayFormat、MonthFormat、YearFormat 来调整日期显示方式,例如下面代码:

    <DatePicker x:Name="datePicker" Header="Brithday"
                MonthFormat="{}{month.integer}"
                DayFormat="{}{dayofweek.abbreviated}"
                YearFormat="{}{year.abbreviated}"/>

    进行一番修改后,日期显示方式变样了。

    image

    也可以有这种复杂些的样式:

    <DatePicker x:Name="datePicker" Header="Brithday" 
                DayFormat="{}{day.integer} ( {dayofweek.abbreviated} )"
                MonthFormat="{}{month.solo.abbreviated} ( {month.integer} )"/>

    image

    如果觉得这些代码混乱难懂,没关系可以在DatePicker 属性控制菜单里点选就可以了。

    image

    如果某项日期不想显示,可以通过DayVisible、MonthVisible、YearVisible 控制日期项是否显示。

    <DatePicker x:Name="datePicker" Header="Brithday" 
                DayFormat="{}{day.integer} ( {dayofweek.abbreviated} )"
                MonthFormat="{}{month.solo.abbreviated} ( {month.integer} )"
                YearVisible="False"/>

    image

    DatePicker 就介绍到这里吧,祝各位博友马年吉祥,万事如意!

  • 相关阅读:
    Kotlin基本语法笔记3之定义类、继承及创建实例
    Kotlin基本语法笔记2之类型检测及自动类型转换、循环
    Kotlin基本语法笔记之函数、变量的定义及null检测
    C++笔记之外部类访问内部类的私有成员
    正则表达式之不区分大小写的匹配
    springMVC之helloworld
    数组学习
    反射reflect
    JSP学习
    自己做的菜
  • 原文地址:https://www.cnblogs.com/gnielee/p/windows8-1-for-developers-datepicker.html
Copyright © 2011-2022 走看看