搜索文档 /
影子 ion-datetime

Datetimes在页面底部提供了一个选择器界面,方便用户选择日期和时间。选择器显示可滚动的列,可用于单独选择年、月、日、小时和分钟的值。日期时间类似于本机时间 输入 元素的类型 datetime-local 但是,Ionic的Dabetway东盟体育apptetime组件可以轻松地以首选格式显示日期和时间,并管理Datetime值。

显示和选择器格式<!--t.146.24.5.2-->

datetime组件在两个地方显示值 < ion-datetime > 组件,并在屏幕底部显示的选择器接口中。下面的图表列出了所有可以使用的格式。

格式 描述 例子
YYYY 年,4位数 2018
YY 年,2位数 18
1 ... 12
毫米 月,前导零 01 ... 12
月,短名称 1月
月,全名 1月
D 一天 1 ... 31
DD 天,前导零 01 ... 31
DDD 天,短名称 星期五
DDDD 天,全名 星期五
H 小时,24小时 0 ... 23
HH 小时,24小时,前导0 00 ... 23
h 小时,12小时 1 ... 12
hh 1小时,12小时,前导0 01 ... 12
一个 12小时的时间段,小写
一个 12小时的时间段,大写
一分钟 1 ... 59
毫米 分钟,前导零 01 ... 59
年代 第二个 1 ... 59
党卫军 第二,前导零 01 ... 59
Z UTC时区偏移 Z或+HH:mm或-HH:mm

重要的 :看到了<年代tencil-route-link class="hydrated" c-id="146.391.5.2" s-id="158"> 月份名称和星期名称 关于如何使用月和日的不同名称的章节。

显示格式<!--t.146.399.5.2-->

displayFormat 属性指定如何在datetime组件内以格式化文本的形式打印datetime的值。

下面的图表提供了一些例子。上述格式可以通过任何组合传递到显示格式。

显示格式 例子
M-YYYY 6 - 2005
MM / YY 06/05
嗯YYYY 2005年6月
YYYY,嗯 2005年6月
MMM DD, YYYY HH:mm 2005年6月17日11:06

重要的 ion-datetime 默认情况下将显示相对于用户时区的值。给定的值 09:00:00 + 01:00 , datetime组件将显示为 04:00:00-04:00 对于在 时区偏移。要将显示更改为使用不同的时区,请使用下面描述的displayTimezone属性。

显示时区<!--t.146.502.5.2-->

displayTimezone 属性允许更改相对于用户的本地时区显示值的默认行为。除了“UTC”之外,有效的时区值是由浏览器确定的,并且在大多数情况下跟随的时区名称<一个href="https://www.iana.org/time-zones" c-id="146.509.5.3"> IANA时区数据库<!--t.146.511.5.4-->,如“亚洲/上海”、“亚洲/加尔各答”、“美国/纽约”。示例如下:


                <
               ion-datetime
              
               价值
                
                
               2019 - 10 - 01 - t15:43:40.394z<年代pan class="token punctuation" c-id="146.531.9.3">
                
              
               display-timezone
                
                
               utc<年代pan class="token punctuation" c-id="146.542.9.3">
                
               >
                
               ion-datetime
               >

显示的值将不会转换,并将按照提供的(UTC)显示。

选择格式<!--t.146.562.5.2-->

pickerFormat 属性确定应该在选择器接口中显示哪些列、列的顺序以及在每个列中使用哪种格式。如果 pickerFormat 是不是提供了那么它会使用的价值呢 displayFormat .参考图表中的<年代tencil-route-link class="hydrated" c-id="146.575.5.7" s-id="160"> 显示格式 部分给出一些格式示例。

Datetime数据<!--t.146.583.5.2-->

过去,在JavaScript甚至HTML输入中处理datetime值一直是一个挑战。具体来说,JavaScript的 日期 对象是出了名的难以正确地分开解析日期时间字符串或格式化日期时间值。更糟糕的是,不同的浏览器和JavaScript版本会以不同的方式解析不同的datetime字符串,尤其是在不同的地区。

幸运的是,Ionic的dabetway东盟体育apptetime输入可以避免常见的缺陷,允许开发人员在输入中轻松格式化datetime值,并为用户提供一个简单的datetime选择器,从而获得良好的用户体验。

ISO 8601日期时间格式:YYYY-MM-DDTHH:mmZ<!--t.146.598.5.2-->

betway东盟体育app离子使用<一个href="https://www.w3.org/TR/NOTE-datetime" c-id="146.602.5.1"> ISO 8601日期时间格式<!--t.146.604.5.2-->为它的价值。该值只是一个字符串,而不是使用JavaScript的 日期 对象。使用ISO datetime格式可以很容易地在JSON对象和数据库中序列化和解析。

ISO格式可以用作简单的年,或者只是小时和分钟,或者更详细到毫秒和时区。可以使用以下任何一种ISO格式,在用户选择新值后,Ionic将继续使用datetime值最初给定的相同ISO格式。betway东盟体育app

描述 格式 Datetime值的例子
一年 YYYY 1994
年和月 YYYY-MM 1994 - 12
完成日期 YYYY-MM-DD 1994-12-15
日期和时间 YYYY-MM-DDTHH:毫米 1994 - 12 - 15 - t13:47
UTC时区 YYYY-MM-DDTHH: mm: ssTZD 1994 - 12 - 15 - t13:47:20.789z
时区偏移 YYYY-MM-DDTHH: mm: ssTZD 1994 - 12 - 15 - t13:47:20.789 +凌晨
小时和分钟 HH: mm 13:47
小时,分钟,秒 HH: mm: ss 13:47:20

请注意,年份总是四位数字,毫秒(如果加上毫秒)总是三位数字,其他的都是两位数字。因此,表示一月的数字总是有一个前导零,例如 01 .另外,每小时都是24小时制,所以 00 12点 在12小时的时间里, 13 意味着 下午1点 , 23 意味着 11点

还要注意,两者都不是 displayFormat 也没有 pickerFormat 可以设置datetime值的输出,这是由组件设置的值 ngModel .这些格式仅仅用于将值显示为文本和选择器的接口,但是datetime的值总是作为有效的ISO 8601 datetime字符串持久化。

最小和最大日期时间<!--t.146.767.5.2-->

日期在任意方向上都是无限的,所以对于用户的选择,至少应该有某种形式的日期限制。缺省情况下,最大日期为到当年年底,最小日期为100年前的年初。

要自定义最小和最大日期时间值,请使用 最小值 而且 马克斯 组件属性可以提供对应用程序的用例更有意义的属性,而不是过去100年的默认属性。遵循上表中列出的相同的IS0 8601格式,每个组件可以限制用户可以选择哪些日期。通过 2016 最小值 财产和 2020-10-31 马克斯 该日期时间将限制在2016年初至2020年10月31日之间的日期选择。

月份名称和星期名称<!--t.146.797.5.2-->

此时,没有一个通用的标准来根据语言或地区自动为月份名称或星期名称选择正确的语言/拼写。

好消息是,有一个<一个href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DatetimeFormat" c-id="146.804.5.1"> Intl。日期timeFormat<!--t.146.806.5.2-->标准,<一个href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DatetimeFormat" c-id="146.807.5.3"> 大多数浏览器<!--t.146.809.5.4-->采用了。

然而,目前该标准还没有被所有流行的浏览器完全实现,因此Ionic还不能充分利用它。betway东盟体育app

此外,Angular还提供了一个国际化服务,但它仍在大量开发中,因此Ionic目前还不依赖于它。betway东盟体育app

当前的最佳实践是,如果应用程序需要使用月和日的默认英文版本名称以外的名称,则提供一个名称数组。月名和日名可以在应用程序级别配置,也可以单独配置 ion-datetime 的水平。

高级日期时间验证和操作<!--t.146.827.5.2-->

datetime选择器提供了选择精确格式的简单性,并使用标准化将datetime值保存为字符串<一个href="https://www.w3.org/TR/NOTE-datetime" c-id="146.831.5.1"> ISO 8601日期时间格式<!--t.146.833.5.2-->.然而,注意这一点很重要 ion-datetime 不试图解决验证和操作日期时间值时的所有情况。如果需要从特定格式解析datetime值,或者需要操作(例如在日期上增加5天,减去30分钟,等等),甚至需要将数据格式化为特定的语言环境,那么我们强烈建议使用<一个href="https://date-fns.org/" c-id="146.837.5.5"> date-fns<!--t.146.839.5.6-->在JavaScript中处理日期。

使用


                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               嗯<年代pan class="token tag" c-id="146.867.9.4">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 嗯<年代pan class="token punctuation" c-id="146.889.11.3">
                  
                
                 价值
                  
                  
                 2012 - 12 - 15 - t13:47:20.789<年代pan class="token punctuation" c-id="146.900.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               MM DD YY<年代pan class="token tag" c-id="146.936.9.15">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.958.11.3">
                  
                
                 占位符
                  
                  
                 选择日期<年代pan class="token punctuation" c-id="146.969.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               禁用<年代pan class="token tag" c-id="146.1005.9.26">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 id
                  
                  
                 dynamicDisabled<年代pan class="token punctuation" c-id="146.1027.11.3">
                  
                
                 displayFormat
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.1038.11.3">
                  
                
                 禁用
                
                 价值
                  
                  
                 1994-12-15<年代pan class="token punctuation" c-id="146.1052.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               YYYY<年代pan class="token tag" c-id="146.1088.9.37">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 (pickerOptions)
                  
                  
                 customPickerOptions<年代pan class="token punctuation" c-id="146.1110.11.3">
                  
                
                 占位符
                  
                  
                 自定义选项<年代pan class="token punctuation" c-id="146.1121.11.3">
                  
                
                 displayFormat
                  
                  
                 YYYY<年代pan class="token punctuation" c-id="146.1132.11.3">
                  
                
                 最小值
                  
                  
                 1981<年代pan class="token punctuation" c-id="146.1143.11.3">
                  
                
                 马克斯
                  
                  
                 2002<年代pan class="token punctuation" c-id="146.1154.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 堆放<年代pan class="token punctuation" c-id="146.1196.11.3">
                  
                 >
               嗯YY<年代pan class="token tag" c-id="146.1201.9.48">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 嗯YY<年代pan class="token punctuation" c-id="146.1223.11.3">
                  
                
                 最小值
                  
                  
                 1989-06-04<年代pan class="token punctuation" c-id="146.1234.11.3">
                  
                
                 马克斯
                  
                  
                 2004-08-23<年代pan class="token punctuation" c-id="146.1245.11.3">
                  
                
                 价值
                  
                  
                 1994 - 12 - 15 - t13:47:20.789<年代pan class="token punctuation" c-id="146.1256.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.1298.11.3">
                  
                 >
               MM / DD / YYYY<年代pan class="token tag" c-id="146.1303.9.59">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.1325.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.1336.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.1347.11.3">
                  
                
                 价值
                  
                  
                 2002 - 09 - 23 - t15:03:46.789<年代pan class="token punctuation" c-id="146.1358.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.1400.11.3">
                  
                 >
               MM / DD / YYYY<年代pan class="token tag" c-id="146.1405.9.70">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.1427.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.1438.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.1449.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               DDD。MMM DD, YY(本地设置)<年代pan class="token tag" c-id="146.1485.9.81">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 价值
                  
                  
                 1995-04-15<年代pan class="token punctuation" c-id="146.1507.11.3">
                  
                
                 最小值
                  
                  
                 1990 - 02年<年代pan class="token punctuation" c-id="146.1518.11.3">
                  
                
                 马克斯
                  
                  
                 2000<年代pan class="token punctuation" c-id="146.1529.11.3">
                  
                
                 (dayShortNames)
                  
                  
                 customDayShortNames<年代pan class="token punctuation" c-id="146.1540.11.3">
                  
                
                 displayFormat
                  
                  
                 DDD。嗯,YY<年代pan class="token punctuation" c-id="146.1551.11.3">
                  
                
                 monthShortNames
                  
                  
                 Jan, feb, mar, apr, mai, jun, jul, aug, sep, okt, nov, des<年代pan class="token punctuation" c-id="146.1562.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               D MMM YYYY H:mm<年代pan class="token tag" c-id="146.1598.9.92">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 D MMM YYYY H:mm<年代pan class="token punctuation" c-id="146.1620.11.3">
                  
                
                 最小值
                  
                  
                 1997<年代pan class="token punctuation" c-id="146.1631.11.3">
                  
                
                 马克斯
                  
                  
                 2010<年代pan class="token punctuation" c-id="146.1642.11.3">
                  
                
                 价值
                  
                  
                 2005 - 06 - 17 t11:06z<年代pan class="token punctuation" c-id="146.1653.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               DDDD MMM d, yyyy<年代pan class="token tag" c-id="146.1689.9.103">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 DDDD MMM d, yyyy<年代pan class="token punctuation" c-id="146.1711.11.3">
                  
                
                 最小值
                  
                  
                 2005<年代pan class="token punctuation" c-id="146.1722.11.3">
                  
                
                 马克斯
                  
                  
                 2016<年代pan class="token punctuation" c-id="146.1733.11.3">
                  
                
                 价值
                  
                  
                 2008-09-02<年代pan class="token punctuation" c-id="146.1744.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               HH: mm<年代pan class="token tag" c-id="146.1780.9.114">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 HH: mm<年代pan class="token punctuation" c-id="146.1802.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               h:毫米<年代pan class="token tag" c-id="146.1838.9.125">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.1860.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               hh:mm A(15分钟步骤)<年代pan class="token tag" c-id="146.1896.9.136">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.1918.11.3">
                  
                
                 minuteValues
                  
                  
                 0, 15、30、45<年代pan class="token punctuation" c-id="146.1929.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               闰年,夏月<年代pan class="token tag" c-id="146.1965.9.147">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 MM / YYYY<年代pan class="token punctuation" c-id="146.1987.11.3">
                  
                
                 pickerFormat
                  
                  
                 嗯YYYY<年代pan class="token punctuation" c-id="146.1998.11.3">
                  
                
                 monthValues
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.2009.11.3">
                  
                
                 (yearValues)
                  
                  
                 customYearValues<年代pan class="token punctuation" c-id="146.2020.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               特定的天/月/年<年代pan class="token tag" c-id="146.2056.9.158">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 monthValues
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.2078.11.3">
                  
                
                 yearValues
                  
                  
                 2014年,2015年<年代pan class="token punctuation" c-id="146.2089.11.3">
                  
                
                 dayValues
                  
                  
                 01、02、03、04、05、06、08、09、10、11、12、13、14<年代pan class="token punctuation" c-id="146.2100.11.3">
                  
                
                 displayFormat
                  
                  
                 DD /嗯/ YYYY<年代pan class="token punctuation" c-id="146.2111.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >

               @<年代pan class="token function" c-id="146.2137.9.1">
                组件
                
                
               ...<年代pan class="token punctuation" c-id="146.2144.9.5">
                
                
               
                出口
               
                
               
                MyComponent
               
                
               customYearValues<年代pan class="token operator" c-id="146.2161.9.16">
                
               
                
                2020
                
               
                2016
                
               
                2008
                
               
                2004
                
               
                2000
                
               
                1996
                
                
               customDayShortNames<年代pan class="token operator" c-id="146.2198.9.38">
                
               
                
                “年代\ u00f8n”
                
               
                “男人”
                
               
                “行动”
                
               
                国家统计局的
                
               
                “托”
                
               
                “联邦”
                
               
                “l \ u00f8r”
                
                
               customPickerOptions<年代pan class="token operator" c-id="146.2240.9.63">
                
               
                任何
                
               
                构造函数
                
                
               
                
               
                
                
               customPickerOptions<年代pan class="token operator" c-id="146.2263.9.77">
                
               
                
               按钮<年代pan class="token operator" c-id="146.2269.9.81">
                
               
                
                
               文本<年代pan class="token operator" c-id="146.2277.9.86">
                
               
                “保存”
                
               
                处理程序
                
               
                
                
               
                = >
               
                控制台
                
                日志
                
                “点击保存!”
                
               
                
                
               
                
               文本<年代pan class="token operator" c-id="146.2319.9.111">
                
               
                “日志”
                
               
                处理程序
                
               
                
                
               
                = >
               
                
               
                控制台
                
                日志
                
                “点击日志。并不否认。
                
                
               
                返回
               
                
                
               
                
               
                
                
               
                
               
                
               
                

                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               嗯<年代pan class="token tag" c-id="146.2405.9.4">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 嗯<年代pan class="token punctuation" c-id="146.2427.11.3">
                  
                
                 价值
                  
                  
                 2012 - 12 - 15 - t13:47:20.789<年代pan class="token punctuation" c-id="146.2438.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               MM DD YY<年代pan class="token tag" c-id="146.2474.9.15">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.2496.11.3">
                  
                
                 占位符
                  
                  
                 选择日期<年代pan class="token punctuation" c-id="146.2507.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               禁用<年代pan class="token tag" c-id="146.2543.9.26">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 id
                  
                  
                 dynamicDisabled<年代pan class="token punctuation" c-id="146.2565.11.3">
                  
                
                 显示格式
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.2576.11.3">
                  
                
                 禁用
                
                 价值
                  
                  
                 1994-12-15<年代pan class="token punctuation" c-id="146.2590.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               YYYY<年代pan class="token tag" c-id="146.2626.9.37">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 id
                  
                  
                 customPickerOptions<年代pan class="token punctuation" c-id="146.2648.11.3">
                  
                
                 占位符
                  
                  
                 自定义选项<年代pan class="token punctuation" c-id="146.2659.11.3">
                  
                
                 显示格式
                  
                  
                 YYYY<年代pan class="token punctuation" c-id="146.2670.11.3">
                  
                
                 最小值
                  
                  
                 1981<年代pan class="token punctuation" c-id="146.2681.11.3">
                  
                
                 马克斯
                  
                  
                 2002<年代pan class="token punctuation" c-id="146.2692.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 堆放<年代pan class="token punctuation" c-id="146.2734.11.3">
                  
                 >
               嗯YY<年代pan class="token tag" c-id="146.2739.9.48">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 嗯YY<年代pan class="token punctuation" c-id="146.2761.11.3">
                  
                
                 最小值
                  
                  
                 1989-06-04<年代pan class="token punctuation" c-id="146.2772.11.3">
                  
                
                 马克斯
                  
                  
                 2004-08-23<年代pan class="token punctuation" c-id="146.2783.11.3">
                  
                
                 价值
                  
                  
                 1994 - 12 - 15 - t13:47:20.789<年代pan class="token punctuation" c-id="146.2794.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.2836.11.3">
                  
                 >
               MM / DD / YYYY<年代pan class="token tag" c-id="146.2841.9.59">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.2863.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.2874.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.2885.11.3">
                  
                
                 价值
                  
                  
                 2002 - 09 - 23 - t15:03:46.789<年代pan class="token punctuation" c-id="146.2896.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.2938.11.3">
                  
                 >
               MM / DD / YYYY<年代pan class="token tag" c-id="146.2943.9.70">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.2965.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.2976.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.2987.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               DDD。MMM DD, YY(本地设置)<年代pan class="token tag" c-id="146.3023.9.81">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 id
                  
                  
                 customDayShortNames<年代pan class="token punctuation" c-id="146.3045.11.3">
                  
                
                 价值
                  
                  
                 1995-04-15<年代pan class="token punctuation" c-id="146.3056.11.3">
                  
                
                 最小值
                  
                  
                 1990 - 02年<年代pan class="token punctuation" c-id="146.3067.11.3">
                  
                
                 马克斯
                  
                  
                 2000<年代pan class="token punctuation" c-id="146.3078.11.3">
                  
                
                 显示格式
                  
                  
                 DDD。嗯,YY<年代pan class="token punctuation" c-id="146.3089.11.3">
                  
                
                 month-short-names
                  
                  
                 Jan, feb, mar, apr, mai, jun, jul, aug, sep, okt, nov, des<年代pan class="token punctuation" c-id="146.3100.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               D MMM YYYY H:mm<年代pan class="token tag" c-id="146.3136.9.92">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 D MMM YYYY H:mm<年代pan class="token punctuation" c-id="146.3158.11.3">
                  
                
                 最小值
                  
                  
                 1997<年代pan class="token punctuation" c-id="146.3169.11.3">
                  
                
                 马克斯
                  
                  
                 2010<年代pan class="token punctuation" c-id="146.3180.11.3">
                  
                
                 价值
                  
                  
                 2005 - 06 - 17 t11:06z<年代pan class="token punctuation" c-id="146.3191.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               DDDD MMM d, yyyy<年代pan class="token tag" c-id="146.3227.9.103">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 DDDD MMM d, yyyy<年代pan class="token punctuation" c-id="146.3249.11.3">
                  
                
                 最小值
                  
                  
                 2005<年代pan class="token punctuation" c-id="146.3260.11.3">
                  
                
                 马克斯
                  
                  
                 2016<年代pan class="token punctuation" c-id="146.3271.11.3">
                  
                
                 价值
                  
                  
                 2008-09-02<年代pan class="token punctuation" c-id="146.3282.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               HH: mm<年代pan class="token tag" c-id="146.3318.9.114">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 HH: mm<年代pan class="token punctuation" c-id="146.3340.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               h:毫米<年代pan class="token tag" c-id="146.3376.9.125">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.3398.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               hh:mm A(15分钟步骤)<年代pan class="token tag" c-id="146.3434.9.136">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.3456.11.3">
                  
                
                 分钟价值
                  
                  
                 0, 15、30、45<年代pan class="token punctuation" c-id="146.3467.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               闰年,夏月<年代pan class="token tag" c-id="146.3503.9.147">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 id
                  
                  
                 customYearValues<年代pan class="token punctuation" c-id="146.3525.11.3">
                  
                
                 显示格式
                  
                  
                 MM / YYYY<年代pan class="token punctuation" c-id="146.3536.11.3">
                  
                
                 picker-format
                  
                  
                 嗯YYYY<年代pan class="token punctuation" c-id="146.3547.11.3">
                  
                
                 月份
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.3558.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               特定的天/月/年<年代pan class="token tag" c-id="146.3594.9.158">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 月份
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.3616.11.3">
                  
                
                 year-values
                  
                  
                 2014年,2015年<年代pan class="token punctuation" c-id="146.3627.11.3">
                  
                
                 每日数据
                  
                  
                 01、02、03、04、05、06、08、09、10、11、12、13、14<年代pan class="token punctuation" c-id="146.3638.11.3">
                  
                
                 显示格式
                  
                  
                 DD /嗯/ YYYY<年代pan class="token punctuation" c-id="146.3649.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >

                var
               yearValuesArray<年代pan class="token operator" c-id="146.3677.9.2">
                
               
                
                2020
                
               
                2016
                
               
                2008
                
               
                2004
                
               
                2000
                
               
                1996
                
                
               
                var
               customYearValues<年代pan class="token operator" c-id="146.3717.9.26">
                
               文档<年代pan class="token punctuation" c-id="146.3720.9.28">
                
                getElementById
                
                “customYearValues”
                
                
               customYearValues<年代pan class="token punctuation" c-id="146.3733.9.35">
                
               yearValues<年代pan class="token operator" c-id="146.3736.9.37">
                
               yearValuesArray<年代pan class="token punctuation" c-id="146.3739.9.39">
                
               
                var
               dayShortNamesArray<年代pan class="token operator" c-id="146.3745.9.43">
                
               
                
               
                “年代\ u00f8n”
                
               
                “男人”
                
               
                “行动”
                
               
                国家统计局的
                
               
                “托”
                
               
                “联邦”
                
               
                “l \ u00f8r”
               
                
                
               
                var
               customDayShortNames<年代pan class="token operator" c-id="146.3792.9.72">
                
               文档<年代pan class="token punctuation" c-id="146.3795.9.74">
                
                getElementById
                
                “customDayShortNames”
                
                
               customDayShortNames<年代pan class="token punctuation" c-id="146.3808.9.81">
                
               dayShortNames<年代pan class="token operator" c-id="146.3811.9.83">
                
               dayShortNamesArray<年代pan class="token punctuation" c-id="146.3814.9.85">
                
               
                var
               customPickerButtons<年代pan class="token operator" c-id="146.3820.9.89">
                
               
                
               按钮<年代pan class="token operator" c-id="146.3826.9.93">
                
               
                
                
               文本<年代pan class="token operator" c-id="146.3834.9.98">
                
               
                “保存”
                
               
                处理程序
                
               
                
                
               
                = >
               控制台<年代pan class="token punctuation" c-id="146.3855.9.111">
                
                日志
                
                “点击保存!”
                
               
                
                
               
                
               文本<年代pan class="token operator" c-id="146.3874.9.122">
                
               
                “日志”
                
               
                处理程序
                
               
                
                
               
                = >
               
                
               控制台<年代pan class="token punctuation" c-id="146.3898.9.137">
                
                日志
                
                “点击日志。并不否认。
                
                
               
                返回
               
                
                
               
                
               
                
                
               
                
               
                var
               customPickerOptions<年代pan class="token operator" c-id="146.3933.9.158">
                
               文档<年代pan class="token punctuation" c-id="146.3936.9.160">
                
                getElementById
                
                “customPickerOptions”
                
                
               customPickerOptions<年代pan class="token punctuation" c-id="146.3949.9.167">
                
               pickerOptions<年代pan class="token operator" c-id="146.3952.9.169">
                
               customPickerButtons<年代pan class="token punctuation" c-id="146.3955.9.171">
                

                进口
               反应<年代pan class="token punctuation" c-id="146.3967.9.2">
                
               
                
               useState<年代pan class="token punctuation" c-id="146.3973.9.6">
                
               
                
               
                “反应”
                
               
                进口
               
                
               IonContent<年代pan class="token punctuation" c-id="146.3990.9.17">
                
               IonHeader<年代pan class="token punctuation" c-id="146.3993.9.19">
                
               IonPage<年代pan class="token punctuation" c-id="146.3996.9.21">
                
               IonTitle<年代pan class="token punctuation" c-id="146.3999.9.23">
                
               IonToolbar<年代pan class="token punctuation" c-id="146.4002.9.25">
                
               IonItem<年代pan class="token punctuation" c-id="146.4005.9.27">
                
               IonLabel<年代pan class="token punctuation" c-id="146.4008.9.29">
                
               IonDatetime<年代pan class="token punctuation" c-id="146.4011.9.31">
                
               IonFooter<年代pan class="token punctuation" c-id="146.4014.9.33">
                
               
                
               
                “@betway东盟体育appionic /反应”
                
               
                常量
               customYearValues<年代pan class="token operator" c-id="146.4028.9.42">
                
               
                
                2020
                
               
                2016
                
               
                2008
                
               
                2004
                
               
                2000
                
               
                1996
                
                
               
                常量
               customDayShortNames<年代pan class="token operator" c-id="146.4068.9.66">
                
               
                
               
                “年代\ u00f8n”
                
               
                “男人”
                
               
                “行动”
                
               
                国家统计局的
                
               
                “托”
                
               
                “联邦”
                
               
                “l \ u00f8r”
               
                
                
               
                出口
               
                常量
               DateTimeExamples<年代pan class="token operator" c-id="146.4118.9.97">
                
               反应<年代pan class="token punctuation" c-id="146.4121.9.99">
                
                足球俱乐部
               
                
               
                
                
               
                = >
               
                
               
                常量
               
                
               selectedDate<年代pan class="token punctuation" c-id="146.4146.9.115">
                
               setSelectedDate<年代pan class="token punctuation" c-id="146.4149.9.117">
                
               
                
               useState<年代pan class="token tag" c-id="146.4155.9.121">
                  <
                 字符串
                 >
                (' 2012 - 12 - 15 t13:47:20.789 ');回报(
                  <
                  IonPage
                 >
                
                  <
                  IonHeader
                 >
                
                  <
                  IonToolbar
                 >
                
                  <
                  IonTitle
                 >
                IonDatetime例子
                  
                  IonTitle
                 >
                
                  
                  IonToolbar
                 >
                
                  
                  IonHeader
                 >
                
                  <
                  IonContent
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 嗯<年代pan class="token punctuation" c-id="146.4289.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.4300.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.4321.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.4324.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.4327.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                MM DD YY
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.4400.11.3">
                  
                
                 占位符
                  
                  
                 选择日期<年代pan class="token punctuation" c-id="146.4411.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.4422.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.4443.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.4446.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.4449.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                禁用
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 id
                  
                  
                 dynamicDisabled<年代pan class="token punctuation" c-id="146.4522.11.3">
                  
                
                 displayFormat
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.4533.11.3">
                  
                
                 禁用
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.4547.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.4568.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.4571.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.4574.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                YYYY
                  
                  IonLabel
                 >
                < IonDatetime pickerOptions =
                
                
               按钮<年代pan class="token operator" c-id="146.4637.9.181">
                
               
                
               
                
               文本<年代pan class="token operator" c-id="146.4646.9.187">
                
               
                “保存”
                
               
                处理程序
                
               
                
                
               
                = >
               
                控制台
                
                日志
                
                “点击保存!”
                
               
                
                
               
                
               文本<年代pan class="token operator" c-id="146.4688.9.212">
                
               
                “日志”
                
               
                处理程序
                
               
                
                
               
                = >
               
                
               
                控制台
                
                日志
                
                “点击日志。并不否认。
                
                
               
                返回
               
                
                
               
                
               
                
               
                
               
                
                
                占位符="Custom Options" displayFormat="YYYY" min="1981" max="2002" value=
                
               selectedDate<年代pan class="token punctuation" c-id="146.4753.9.251">
                
                onIonChange =
                
                e
               
                = >
               
                setSelectedDate
                
               e<年代pan class="token punctuation" c-id="146.4770.9.261">
                
               细节<年代pan class="token punctuation" c-id="146.4773.9.263">
                
               价值<年代pan class="token operator" c-id="146.4776.9.265">
                
                
                
                >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                
                 位置
                  
                  
                 堆放<年代pan class="token punctuation" c-id="146.4829.11.3">
                  
                 >
                嗯YY
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 嗯YY<年代pan class="token punctuation" c-id="146.4860.11.3">
                  
                
                 最小值
                  
                  
                 1989-06-04<年代pan class="token punctuation" c-id="146.4871.11.3">
                  
                
                 马克斯
                  
                  
                 2004-08-23<年代pan class="token punctuation" c-id="146.4882.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.4893.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.4914.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.4917.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.4920.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.4973.11.3">
                  
                 >
                MM / DD / YYYY
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.5004.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.5015.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.5026.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.5037.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.5058.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.5061.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.5064.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.5117.11.3">
                  
                 >
                MM / DD / YYYY
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.5148.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.5159.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.5170.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.5181.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.5202.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.5205.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.5208.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                DDD。MMM DD, YY(本地设置)
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 最小值
                  
                  
                 1990 - 02年<年代pan class="token punctuation" c-id="146.5281.11.3">
                  
                
                 马克斯
                  
                  
                 2000<年代pan class="token punctuation" c-id="146.5292.11.3">
                  
                
                 dayShortNames
                  
                  
                 customDayShortNames<年代pan class="token punctuation" c-id="146.5303.11.3">
                  
                
                 displayFormat
                  
                  
                 DDD。嗯,YY<年代pan class="token punctuation" c-id="146.5314.11.3">
                  
                
                 monthShortNames
                  
                  
                 Jan, feb, mar, apr, mai, jun, jul, aug, sep, okt, nov, des<年代pan class="token punctuation" c-id="146.5325.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.5336.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.5357.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.5360.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.5363.11.13">
                  
                  
                  
                
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                D MMM YYYY H:mm
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 D MMM YYYY H:mm<年代pan class="token punctuation" c-id="146.5437.11.3">
                  
                
                 最小值
                  
                  
                 1997<年代pan class="token punctuation" c-id="146.5448.11.3">
                  
                
                 马克斯
                  
                  
                 2010<年代pan class="token punctuation" c-id="146.5459.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.5470.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.5491.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.5494.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.5497.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                DDDD MMM d, yyyy
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 DDDD MMM d, yyyy<年代pan class="token punctuation" c-id="146.5570.11.3">
                  
                
                 最小值
                  
                  
                 2005<年代pan class="token punctuation" c-id="146.5581.11.3">
                  
                
                 马克斯
                  
                  
                 2016<年代pan class="token punctuation" c-id="146.5592.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.5603.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.5624.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.5627.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.5630.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                HH: mm
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 HH: mm<年代pan class="token punctuation" c-id="146.5703.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.5714.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.5735.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.5738.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.5741.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                h:毫米
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.5814.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.5825.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.5846.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.5849.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.5852.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                hh:mm A(15分钟步骤)
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.5925.11.3">
                  
                
                 minuteValues
                  
                  
                 0, 15、30、45<年代pan class="token punctuation" c-id="146.5936.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.5947.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.5968.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.5971.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.5974.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                闰年,夏月
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 displayFormat
                  
                  
                 MM / YYYY<年代pan class="token punctuation" c-id="146.6047.11.3">
                  
                
                 pickerFormat
                  
                  
                 嗯YYYY<年代pan class="token punctuation" c-id="146.6058.11.3">
                  
                
                 monthValues
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.6069.11.3">
                  
                
                 yearValues
                  
                  
                 customYearValues<年代pan class="token punctuation" c-id="146.6080.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.6091.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.6112.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.6115.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.6118.11.13">
                  
                  
                  
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  <
                  IonItem
                 >
                
                  <
                  IonLabel
                 >
                特定的天/月/年
                  
                  IonLabel
                 >
                
                  <
                  IonDatetime
                
                 monthValues
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.6191.11.3">
                  
                
                 yearValues
                  
                  
                 2014年,2015年<年代pan class="token punctuation" c-id="146.6202.11.3">
                  
                
                 dayValues
                  
                  
                 01、02、03、04、05、06、08、09、10、11、12、13、14<年代pan class="token punctuation" c-id="146.6213.11.3">
                  
                
                 displayFormat
                  
                  
                 DD /嗯/ YYYY<年代pan class="token punctuation" c-id="146.6224.11.3">
                  
                
                 价值
                  
                  
                 selectedDate<年代pan class="token punctuation" c-id="146.6235.11.3">
                  
                
                 onIonChange
                  
                  
                  e
                 
                  = >
                 
                  setSelectedDate
                  
                 e<年代pan class="token punctuation" c-id="146.6256.11.9">
                  
                 细节<年代pan class="token punctuation" c-id="146.6259.11.11">
                  
                 价值<年代pan class="token operator" c-id="146.6262.11.13">
                  
                  
                  
                
                 >
                  
                  IonDatetime
                 >
                
                  
                  IonItem
                 >
                
                  
                  IonContent
                 >
                
                  <
                  IonFooter
                 >
                
                  <
                  IonToolbar
                 >
                选择日期:
                
               selectedDate<年代pan class="token operator" c-id="146.6324.9.402">
                ??
               
                “(一)”
                
                
                  
                  IonToolbar
                 >
                
                  
                  IonFooter
                 >
                
                  
                  IonPage
                 >
                );};

                进口
               
                
               组件<年代pan class="token punctuation" c-id="146.6376.9.4">
                
               h<年代pan class="token punctuation" c-id="146.6379.9.6">
                
               
                
               
                “@stencil /核心”
                
               @<年代pan class="token function" c-id="146.6390.9.13">
                组件
                
                
               标签<年代pan class="token operator" c-id="146.6397.9.17">
                
               
                “datetime-example”
                
               styleUrl<年代pan class="token operator" c-id="146.6405.9.22">
                
               
                “datetime-example.css”
               
                
                
               
                出口
               
                
               
                DatetimeExample
               
                
               
                私人
               customYearValues<年代pan class="token operator" c-id="146.6431.9.39">
                
               
                
                2020
                
               
                2016
                
               
                2008
                
               
                2004
                
               
                2000
                
               
                1996
                
                
               
                私人
               customDayShortNames<年代pan class="token operator" c-id="146.6471.9.63">
                
               
                
                “年代\ u00f8n”
                
               
                “男人”
                
               
                “行动”
                
               
                国家统计局的
                
               
                “托”
                
               
                “联邦”
                
               
                “l \ u00f8r”
                
                
               
                私人
               customPickerOptions<年代pan class="token operator" c-id="146.6516.9.90">
                
               
                
               按钮<年代pan class="token operator" c-id="146.6522.9.94">
                
               
                
                
               文本<年代pan class="token operator" c-id="146.6530.9.99">
                
               
                “保存”
                
               
                处理程序
                
               
                
                
               
                = >
               
                控制台
                
                日志
                
                “点击保存!”
                
               
                
                
               
                
               文本<年代pan class="token operator" c-id="146.6572.9.124">
                
               
                “日志”
                
               
                处理程序
                
               
                
                
               
                = >
               
                
               
                控制台
                
                日志
                
                “点击日志。并不否认。
                
                
               
                返回
               
                
                
               
                
               
                
                
               
                
               
                渲染
                
                
               
                
               
                返回
               
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 嗯<年代pan class="token punctuation" c-id="146.6687.11.3">
                  
                
                 价值
                  
                  
                 2012 - 12 - 15 - t13:47:20.789<年代pan class="token punctuation" c-id="146.6698.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                MM DD YY
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.6762.11.3">
                  
                
                 占位符
                  
                  
                 选择日期<年代pan class="token punctuation" c-id="146.6773.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                禁用
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 id
                  
                  
                 dynamicDisabled<年代pan class="token punctuation" c-id="146.6837.11.3">
                  
                
                 displayFormat
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.6848.11.3">
                  
                
                 禁用
                
                 价值
                  
                  
                 1994-12-15<年代pan class="token punctuation" c-id="146.6862.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                YYYY
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 pickerOptions
                  
                  
                  
                  
                 customPickerOptions<年代pan class="token punctuation" c-id="146.6930.11.5">
                  
                
                 占位符
                  
                  
                 自定义选项<年代pan class="token punctuation" c-id="146.6941.11.3">
                  
                
                 displayFormat
                  
                  
                 YYYY<年代pan class="token punctuation" c-id="146.6952.11.3">
                  
                
                 最小值
                  
                  
                 1981<年代pan class="token punctuation" c-id="146.6963.11.3">
                  
                
                 马克斯
                  
                  
                 2002<年代pan class="token punctuation" c-id="146.6974.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                
                 位置
                  
                  
                 堆放<年代pan class="token punctuation" c-id="146.7020.11.3">
                  
                 >
                嗯YY
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 嗯YY<年代pan class="token punctuation" c-id="146.7049.11.3">
                  
                
                 最小值
                  
                  
                 1989-06-04<年代pan class="token punctuation" c-id="146.7060.11.3">
                  
                
                 马克斯
                  
                  
                 2004-08-23<年代pan class="token punctuation" c-id="146.7071.11.3">
                  
                
                 价值
                  
                  
                 1994 - 12 - 15 - t13:47:20.789<年代pan class="token punctuation" c-id="146.7082.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.7128.11.3">
                  
                 >
                MM / DD / YYYY
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.7157.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.7168.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.7179.11.3">
                  
                
                 价值
                  
                  
                 2002 - 09 - 23 - t15:03:46.789<年代pan class="token punctuation" c-id="146.7190.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.7236.11.3">
                  
                 >
                MM / DD / YYYY
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.7265.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.7276.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.7287.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                DDD。MMM DD, YY(本地设置)
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 价值
                  
                  
                 1995-04-15<年代pan class="token punctuation" c-id="146.7351.11.3">
                  
                
                 最小值
                  
                  
                 1990 - 02年<年代pan class="token punctuation" c-id="146.7362.11.3">
                  
                
                 马克斯
                  
                  
                 2000<年代pan class="token punctuation" c-id="146.7373.11.3">
                  
                
                 dayShortNames
                  
                  
                  
                  
                 customDayShortNames<年代pan class="token punctuation" c-id="146.7388.11.5">
                  
                
                 displayFormat
                  
                  
                 DDD。嗯,YY<年代pan class="token punctuation" c-id="146.7399.11.3">
                  
                
                 monthShortNames
                  
                  
                 Jan, feb, mar, apr, mai, jun, jul, aug, sep, okt, nov, des<年代pan class="token punctuation" c-id="146.7410.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                D MMM YYYY H:mm
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 D MMM YYYY H:mm<年代pan class="token punctuation" c-id="146.7474.11.3">
                  
                
                 最小值
                  
                  
                 1997<年代pan class="token punctuation" c-id="146.7485.11.3">
                  
                
                 马克斯
                  
                  
                 2010<年代pan class="token punctuation" c-id="146.7496.11.3">
                  
                
                 价值
                  
                  
                 2005 - 06 - 17 t11:06z<年代pan class="token punctuation" c-id="146.7507.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                DDDD MMM d, yyyy
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 DDDD MMM d, yyyy<年代pan class="token punctuation" c-id="146.7571.11.3">
                  
                
                 最小值
                  
                  
                 2005<年代pan class="token punctuation" c-id="146.7582.11.3">
                  
                
                 马克斯
                  
                  
                 2016<年代pan class="token punctuation" c-id="146.7593.11.3">
                  
                
                 价值
                  
                  
                 2008-09-02<年代pan class="token punctuation" c-id="146.7604.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                HH: mm
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 HH: mm<年代pan class="token punctuation" c-id="146.7668.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                h:毫米
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.7732.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                hh:mm A(15分钟步骤)
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.7796.11.3">
                  
                
                 minuteValues
                  
                  
                 0, 15、30、45<年代pan class="token punctuation" c-id="146.7807.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                闰年,夏月
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 displayFormat
                  
                  
                 MM / YYYY<年代pan class="token punctuation" c-id="146.7871.11.3">
                  
                
                 pickerFormat
                  
                  
                 嗯YYYY<年代pan class="token punctuation" c-id="146.7882.11.3">
                  
                
                 monthValues
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.7893.11.3">
                  
                
                 yearValues
                  
                  
                  
                  
                 customYearValues<年代pan class="token punctuation" c-id="146.7908.11.5">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
                
               
                  <
                 ion-item
                 >
                
                  <
                 ion-label
                 >
                特定的天/月/年
                  
                 ion-label
                 >
                
                  <
                 ion-datetime
                
                 monthValues
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.7972.11.3">
                  
                
                 yearValues
                  
                  
                 2014年,2015年<年代pan class="token punctuation" c-id="146.7983.11.3">
                  
                
                 dayValues
                  
                  
                 01、02、03、04、05、06、08、09、10、11、12、13、14<年代pan class="token punctuation" c-id="146.7994.11.3">
                  
                
                 displayFormat
                  
                  
                 DD /嗯/ YYYY<年代pan class="token punctuation" c-id="146.8005.11.3">
                  
                 >
                  
                 ion-datetime
                 >
                
                  
                 ion-item
                 >
               
                
                
               
                
               
                

                  <
                 模板
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               嗯<年代pan class="token tag" c-id="146.8067.9.6">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 嗯<年代pan class="token punctuation" c-id="146.8089.11.3">
                  
                
                 价值
                  
                  
                 2012 - 12 - 15 - t13:47:20.789<年代pan class="token punctuation" c-id="146.8100.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               MM DD YY<年代pan class="token tag" c-id="146.8136.9.17">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.8158.11.3">
                  
                
                 占位符
                  
                  
                 选择日期<年代pan class="token punctuation" c-id="146.8169.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               禁用<年代pan class="token tag" c-id="146.8205.9.28">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 id
                  
                  
                 dynamicDisabled<年代pan class="token punctuation" c-id="146.8227.11.3">
                  
                
                 显示格式
                  
                  
                 MM DD YY<年代pan class="token punctuation" c-id="146.8238.11.3">
                  
                
                 禁用
                
                 价值
                  
                  
                 1994-12-15<年代pan class="token punctuation" c-id="146.8252.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               YYYY<年代pan class="token tag" c-id="146.8288.9.39">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 : picker-options
                  
                  
                 customPickerOptions<年代pan class="token punctuation" c-id="146.8310.11.3">
                  
                
                 占位符
                  
                  
                 自定义选项<年代pan class="token punctuation" c-id="146.8321.11.3">
                  
                
                 显示格式
                  
                  
                 YYYY<年代pan class="token punctuation" c-id="146.8332.11.3">
                  
                
                 最小值
                  
                  
                 1981<年代pan class="token punctuation" c-id="146.8343.11.3">
                  
                
                 马克斯
                  
                  
                 2002<年代pan class="token punctuation" c-id="146.8354.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 堆放<年代pan class="token punctuation" c-id="146.8396.11.3">
                  
                 >
               嗯YY<年代pan class="token tag" c-id="146.8401.9.50">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 嗯YY<年代pan class="token punctuation" c-id="146.8423.11.3">
                  
                
                 最小值
                  
                  
                 1989-06-04<年代pan class="token punctuation" c-id="146.8434.11.3">
                  
                
                 马克斯
                  
                  
                 2004-08-23<年代pan class="token punctuation" c-id="146.8445.11.3">
                  
                
                 价值
                  
                  
                 1994 - 12 - 15 - t13:47:20.789<年代pan class="token punctuation" c-id="146.8456.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.8498.11.3">
                  
                 >
               MM / DD / YYYY<年代pan class="token tag" c-id="146.8503.9.61">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.8525.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.8536.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.8547.11.3">
                  
                
                 价值
                  
                  
                 2002 - 09 - 23 - t15:03:46.789<年代pan class="token punctuation" c-id="146.8558.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                
                 位置
                  
                  
                 浮动<年代pan class="token punctuation" c-id="146.8600.11.3">
                  
                 >
               MM / DD / YYYY<年代pan class="token tag" c-id="146.8605.9.72">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 MM / DD / YYYY<年代pan class="token punctuation" c-id="146.8627.11.3">
                  
                
                 最小值
                  
                  
                 1994-03-14<年代pan class="token punctuation" c-id="146.8638.11.3">
                  
                
                 马克斯
                  
                  
                 2012-12-09<年代pan class="token punctuation" c-id="146.8649.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               DDD。MMM DD, YY(本地设置)<年代pan class="token tag" c-id="146.8685.9.83">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 价值
                  
                  
                 1995-04-15<年代pan class="token punctuation" c-id="146.8707.11.3">
                  
                
                 最小值
                  
                  
                 1990 - 02年<年代pan class="token punctuation" c-id="146.8718.11.3">
                  
                
                 马克斯
                  
                  
                 2000<年代pan class="token punctuation" c-id="146.8729.11.3">
                  
                
                 : day-short-names
                  
                  
                 customDayShortNames<年代pan class="token punctuation" c-id="146.8740.11.3">
                  
                
                 显示格式
                  
                  
                 DDD。嗯,YY<年代pan class="token punctuation" c-id="146.8751.11.3">
                  
                
                 month-short-names
                  
                  
                 Jan, feb, mar, apr, mai, jun, jul, aug, sep, okt, nov, des<年代pan class="token punctuation" c-id="146.8762.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               D MMM YYYY H:mm<年代pan class="token tag" c-id="146.8798.9.94">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 D MMM YYYY H:mm<年代pan class="token punctuation" c-id="146.8820.11.3">
                  
                
                 最小值
                  
                  
                 1997<年代pan class="token punctuation" c-id="146.8831.11.3">
                  
                
                 马克斯
                  
                  
                 2010<年代pan class="token punctuation" c-id="146.8842.11.3">
                  
                
                 价值
                  
                  
                 2005 - 06 - 17 t11:06z<年代pan class="token punctuation" c-id="146.8853.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               DDDD MMM d, yyyy<年代pan class="token tag" c-id="146.8889.9.105">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 DDDD MMM d, yyyy<年代pan class="token punctuation" c-id="146.8911.11.3">
                  
                
                 最小值
                  
                  
                 2005<年代pan class="token punctuation" c-id="146.8922.11.3">
                  
                
                 马克斯
                  
                  
                 2016<年代pan class="token punctuation" c-id="146.8933.11.3">
                  
                
                 价值
                  
                  
                 2008-09-02<年代pan class="token punctuation" c-id="146.8944.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               HH: mm<年代pan class="token tag" c-id="146.8980.9.116">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 HH: mm<年代pan class="token punctuation" c-id="146.9002.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               h:毫米<年代pan class="token tag" c-id="146.9038.9.127">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.9060.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               hh:mm A(15分钟步骤)<年代pan class="token tag" c-id="146.9096.9.138">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 h:毫米<年代pan class="token punctuation" c-id="146.9118.11.3">
                  
                
                 分钟价值
                  
                  
                 0, 15、30、45<年代pan class="token punctuation" c-id="146.9129.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               闰年,夏月<年代pan class="token tag" c-id="146.9165.9.149">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 显示格式
                  
                  
                 MM / YYYY<年代pan class="token punctuation" c-id="146.9187.11.3">
                  
                
                 picker-format
                  
                  
                 嗯YYYY<年代pan class="token punctuation" c-id="146.9198.11.3">
                  
                
                 月份
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.9209.11.3">
                  
                
                 : year-values
                  
                  
                 customYearValues<年代pan class="token punctuation" c-id="146.9220.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  <
                 ion-item
                 >
               
                  <
                 ion-label
                 >
               特定的天/月/年<年代pan class="token tag" c-id="146.9256.9.160">
                  
                 ion-label
                 >
               
                  <
                 ion-datetime
                
                 月份
                  
                  
                 6、7、8<年代pan class="token punctuation" c-id="146.9278.11.3">
                  
                
                 year-values
                  
                  
                 2014年,2015年<年代pan class="token punctuation" c-id="146.9289.11.3">
                  
                
                 每日数据
                  
                  
                 01、02、03、04、05、06、08、09、10、11、12、13、14<年代pan class="token punctuation" c-id="146.9300.11.3">
                  
                
                 显示格式
                  
                  
                 DD /嗯/ YYYY<年代pan class="token punctuation" c-id="146.9311.11.3">
                  
                 >
                  
                 ion-datetime
                 >
               
                  
                 ion-item
                 >
               
                  
                 模板
                 >
               
                  <
                 脚本
                 >
                 
                  进口
                 
                  
                 IonDatetime<年代pan class="token punctuation" c-id="146.9355.11.5">
                  
                 IonItem<年代pan class="token punctuation" c-id="146.9358.11.7">
                  
                 IonLabel<年代pan class="token punctuation" c-id="146.9361.11.9">
                  
                 
                  
                 
                  “@betway东盟体育appionic / vue”
                  
                 
                  进口
                 
                  
                 defineComponent<年代pan class="token punctuation" c-id="146.9378.11.20">
                  
                 
                  
                 
                  “vue”
                  
                 
                  出口
                 
                  默认的
                 
                  defineComponent
                  
                  
                 组件<年代pan class="token operator" c-id="146.9402.11.35">
                  
                 
                  
                 IonDatetime<年代pan class="token punctuation" c-id="146.9408.11.39">
                  
                 IonItem<年代pan class="token punctuation" c-id="146.9411.11.41">
                  
                 IonLabel<年代pan class="token punctuation" c-id="146.9414.11.43">
                  
                  
                 
                  设置
                  
                  
                 
                  
                 
                  常量
                 customYearValues<年代pan class="token operator" c-id="146.9432.11.54">
                  
                 
                  
                  2020
                  
                 
                  2016
                  
                 
                  2008
                  
                 
                  2004
                  
                 
                  2000
                  
                 
                  1996
                  
                  
                 
                  常量
                 customDayShortNames<年代pan class="token operator" c-id="146.9472.11.78">
                  
                 
                  
                 
                  “年代\ u00f8n”
                  
                 
                  “男人”
                  
                 
                  “行动”
                  
                 
                  国家统计局的
                  
                 
                  “托”
                  
                 
                  “联邦”
                  
                 
                  “l \ u00f8r”
                 
                  
                  
                 
                  常量
                 customPickerOptions<年代pan class="token operator" c-id="146.9519.11.107">
                  
                 
                  
                 按钮<年代pan class="token operator" c-id="146.9525.11.111">
                  
                 
                  
                  
                 文本<年代pan class="token operator" c-id="146.9533.11.116">
                  
                 
                  “保存”
                  
                 
                  处理程序
                  
                 
                  
                  
                 
                  = >
                 控制台<年代pan class="token punctuation" c-id="146.9554.11.129">
                  
                  日志
                  
                  “点击保存!”
                  
                 
                  
                  
                 
                  
                 文本<年代pan class="token operator" c-id="146.9573.11.140">
                  
                 
                  “日志”
                  
                 
                  处理程序
                  
                 
                  
                  
                 
                  = >
                 
                  
                 控制台<年代pan class="token punctuation" c-id="146.9597.11.155">
                  
                  日志
                  
                  “点击日志。并不否认。
                  
                  
                 
                  返回
                 
                  
                  
                 
                  
                 
                  
                  
                 
                  
                 
                  返回
                 
                  
                 customYearValues<年代pan class="token punctuation" c-id="146.9635.11.178">
                  
                 customDayShortNames<年代pan class="token punctuation" c-id="146.9638.11.180">
                  
                 customPickerOptions<年代pan class="token punctuation" c-id="146.9641.11.182">
                  
                 
                  
                 
                  
                  
                  
                 
                  
                 脚本
                 >

属性

cancelText

描述

要在选择器的取消按钮上显示的文本。

属性 cancel-text
类型 字符串
默认的 “取消”

dayNames

描述

全天的星期名称。这可以用于为一周中的每一天提供区域名称。默认为英文。

属性 个日子
类型 String | String [] | undefined

dayShortNames

描述

简短的星期名称。这可以用于为一周中的每一天提供区域名称。默认为英文。默认为:['Sun', 'Mon', 'Tue', 'Wed', 'Thu', ' friday ', 'Sat']

属性 day-short-names
类型 String | String [] | undefined

dayValues

描述

用于创建可选择天数列表的值。默认情况下,每天显示给定的月份。但是,要精确控制要显示的日期,则需要dayValues输入可以是一个数字、数字数组或逗号分隔的数字字符串。注意,即使数组中的天对于所选的月份有一个无效的数字,比如31在2月份时,它将正确地不显示对所选月份无效的天数。

属性 每日数据
类型 Number | Number [] | string | undefined

禁用

描述

如果真正的,用户无法与日期时间进行交互。

属性 禁用
类型 布尔
默认的

displayFormat

描述

日期和时间的显示格式为在项目中显示的文本。当pickerFormat输入不使用,则displayFormat用于显示格式化的文本和确定日期时间选择器的列。看到pickerFormat输入描述以获取更多信息。默认为嗯,YYYY

属性 显示格式
类型 字符串
默认的 “嗯D, YYYY”

displayTimezone

描述

仅用于显示目的的时区。看到<一个href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString">Date.prototype.toLocaleString ()以获取支持的时区列表。如果没有提供值,组件将默认显示用户本地时区的时间。

属性 display-timezone
类型 字符串|未定义

doneText

描述

在选择器的“完成”按钮上显示的文本。

属性 编过
类型 字符串
默认的 “完成”

hourValues

描述

用于创建可选择小时列表的值。缺省情况下,小时的取值范围为02324小时,或11212小时。但是,要精确控制显示的时间,则需要hourValues输入可以是一个数字、数字数组或逗号分隔的数字字符串。

属性 hour-values
类型 Number | Number [] | string | undefined

马克斯

描述

允许的最大日期时间。参数后的日期字符串<一个href="https://www.w3.org/TR/NOTE-datetime">ISO 8601日期时间格式标准1996-12-19.格式不必特定于确切的日期时间。例如,最大值可以是年份,例如1994.拖欠到今年年底。

属性 马克斯
类型 字符串|未定义

最小值

描述

允许的最小日期时间。参数后的日期字符串<一个href="https://www.w3.org/TR/NOTE-datetime">ISO 8601日期时间格式标准,如1996-12-19.格式不必特定于确切的日期时间。例如,最小值可以是年份,例如1994.从100年前的今天开始,违约到今年年初。

属性 最小值
类型 字符串|未定义

minuteValues

描述

用于创建可选分钟列表的值。缺省情况下,分钟的取值范围为059.但是,要精确控制显示哪几分钟,则需要minuteValues输入可以是一个数字、数字数组或逗号分隔的数字字符串。例如,如果分钟选择应该仅为每15分钟一次,那么此输入值将为minuteValues = " 30 0, 15日,45”

属性 分钟价值
类型 Number | Number [] | string | undefined

模式

描述

模式决定使用哪种平台样式。

属性 模式
类型 “ios”|“医学博士”

monthNames

描述

每个月的全名。这可以用来提供地区月份名称。默认为英文。

属性 月份的名称
类型 String | String [] | undefined

monthShortNames

描述

每个月名称的缩写。这可以用来提供地区月份名称。默认为英文。

属性 month-short-names
类型 String | String [] | undefined

monthValues

描述

用于创建可选择月份列表的值。缺省情况下,月的取值范围为112.但是,要精确控制显示的月份,则需要monthValues输入可以是一个数字、数字数组或逗号分隔的数字字符串。例如,如果只显示夏季月份,那么这个输入值将是monthValues = " 6 7 8 ".注意,月数字可以有一个从零开始的指数,这意味着1月份的价值是1,十二月的是12

属性 月份
类型 Number | Number [] | string | undefined

的名字

描述

控件的名称,它与表单数据一起提交。

属性 的名字
类型 字符串
默认的 this.inputId

pickerFormat

描述

用户选择的日期和时间选择列的格式。一个datetime输入可以有一个或多个datetime部分,每个部分都有自己的列,允许单独选择特定的datetime部分。例如,年和月列是两个单独可选择的列,它们帮助从datetime选择器中选择确切的日期。每一列都遵循字符串解析格式。默认为使用displayFormat

属性 picker-format
类型 字符串|未定义

pickerOptions

描述

选择器接口可以接受的任何其他选项。看到<年代tencil-route-link url="/docs/api/picker" class="hydrated" s-id="175"> 选择器API文档对于选择器选项。

类型 未定义|{列?:PickerColumn[] | undefined; buttons?: PickerButton[] | undefined; cssClass?: string | string[] | undefined; showBackdrop?: boolean | undefined; backdropDismiss?: boolean | undefined; animated?: boolean | undefined; mode?: Mode | undefined; keyboardClose?: boolean | undefined; id?: string | undefined; htmlAttributes?: PickerAttributes | undefined; enterAnimation?: AnimationBuilder | undefined; leaveAnimation?: AnimationBuilder | undefined; }

占位符

描述

未选择日期时显示的文本。使用小写字母来匹配输入属性

属性 占位符
类型 Null | string | undefined

只读的

描述

如果真正的,日期时间显示正常,但不是交互式的。

属性 只读的
类型 布尔
默认的

价值

描述

datetime的值是一个有效的ISO 8601 datetime字符串。

属性 价值
类型 Null | string | undefined

yearValues

描述

用于创建可选择年份列表的值。缺省情况下,年的取值范围为最小值而且马克斯datetime输入。但是,要精确控制要显示的年份,则需要yearValues输入可以是一个数字、数字数组或逗号分隔的数字字符串。例如,要显示即将到来的和最近的闰年,那么这个输入的值将是yearValues = " 2024, 2020, 2016, 2012, 2008”

属性 year-values
类型 Number | Number [] | string | undefined

事件

的名字 描述
ionBlur 当datetime失去焦点时触发。
ionCancel 在取消日期时间选择时触发。
ionChange 当值(所选日期)发生更改时发出。
ionFocus 当datetime具有焦点时触发。

方法

开放

描述

打开日期时间叠加。

签名 open() = > <承诺无效>

CSS阴影部分

的名字 描述
占位符 日期时间的占位符。
文本 datetime的值。

CSS自定义属性

的名字 描述
——padding-bottom datetime的底部填充
——padding-end 如果方向为从左到右,则为右填充;如果方向为日期时间的从右到左,则为左填充
——padding-start 如果方向为从左到右,则为左填充;如果方向为日期时间从右到左,则为右填充
——padding-top datetime的顶部填充
——placeholder-color 日期时间占位符的颜色
查看源代码
Baidu