mirror of
				https://github.com/Tencent/tmagic-editor.git
				synced 2025-11-04 10:49:51 +08:00 
			
		
		
		
	
		
			
				
	
	
	
		
			3.1 KiB
		
	
	
	
	
	
	
	
			
		
		
	
	
			3.1 KiB
		
	
	
	
	
	
	
	
DateTimePicker 日期时间选择器
在同一个选择器里选择日期和时间
基础用法
<template #source>
在开启多选模式后,默认情况下会展示所有已选中的选项的Tag
禁用状态
<template #source>
在开启多选模式后,默认情况下会展示所有已选中的选项的Tag
日期格式
使用format指定输入框的格式;使用valueFormat指定绑定值的格式。
默认情况下,组件接受并返回Date对象。以下为可用的格式化字串,以 UTC 2017年1月2日 03:04:05 为例:
:::warning 请注意大小写 :::
| 格式 | 含义 | 备注 | 举例 | 
|---|---|---|---|
yyyy | 
年 | 2017 | |
M | 
月 | 不补0 | 1 | 
MM | 
月 | 01 | |
W | 
周 | 仅周选择器的 format 可用;不补0 | 
1 | 
WW | 
周 | 仅周选择器的 format 可用 | 
01 | 
d | 
日 | 不补0 | 2 | 
dd | 
日 | 02 | |
H | 
小时 | 24小时制;不补0 | 3 | 
HH | 
小时 | 24小时制 | 03 | 
h | 
小时 | 12小时制,须和 A 或 a 使用;不补0 | 
3 | 
hh | 
小时 | 12小时制,须和 A 或 a 使用 | 
03 | 
m | 
分钟 | 不补0 | 4 | 
mm | 
分钟 | 04 | |
s | 
秒 | 不补0 | 5 | 
ss | 
秒 | 05 | |
A | 
AM/PM | 仅 format 可用,大写 | 
AM | 
a | 
am/pm | 仅 format 可用,小写 | 
am | 
timestamp | 
JS时间戳 | 仅 valueFormat 可用;组件绑定值为number类型 | 
1483326245000 | 
[MM] | 
不需要格式化字符 | 使用方括号标识不需要格式化的字符 (如 [A] [MM]) | MM | 
<template #source>
在开启多选模式后,默认情况下会展示所有已选中的选项的Tag
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 
|---|---|---|---|---|
| name | 绑定值 | string | — | — | 
| text | 表单标签 | string | — | — | 
| disabled | 是否禁用 | boolean / FilterFunction | — | false | 
| format | 显示在输入框中的格式 | string | 见日期格式 | yyyy-MM-dd HH:mm:ss | 
| value-format | 可选,绑定值的格式。不指定则绑定值为 Date 对象 | string | 见日期格式 | — | 
| onChange | 值变化时触发的函数 | OnChangeHandler | — | - |