date - 时间格式化

  %a当前区域的星期几的简写 (Sun..Sat)

  %A当前区域的星期几的全称 (不同长度) (Sunday..Saturday)

  %b当前区域的月份的简写 (Jan..Dec)

  %B当前区域的月份的全称(变长) (January..December)

  %c当前区域的日期和时间 (Sat Nov 04 12:02:33 EST 1989)

  %d (月份中的)几号(用两位表示) (01..31)

  %D日期(按照 月/日期/年 格式显示) (mm/dd/yy)

  %e (月份中的)几号(去零表示) ( 1..31)

  %h同 %b

  %H小时(按 24 小时制显示,用两位表示) (00..23)

  %I小时(按 12 小时制显示,用两位表示) (01..12)

  %j (一年中的)第几天(用三位表示) (001..366)

  %k小时(按 24 小时制显示,去零显示) ( 0..23)

  %l小时(按 12 小时制显示,去零表示) ( 1..12)

  %m月份(用两位表示) (01..12)

  %M分钟数(用两位表示) (00..59)

  %n换行

  %p当前时间是上午 AM 还是下午 PM

  %r时间,按 12 小时制显示 (hh:mm:ss [A/P]M)

  %s从 1970年1月1日0点0分0秒到现在历经的秒数 (GNU扩充)

  %S秒数(用两位表示)(00..60)

  %t水平方向的 tab 制表符

  %T时间,按 24 小时制显示(hh:mm:ss)

  %U (一年中的)第几个星期,以星期天作为一周的开始(用两位表示) (00..53)

  %V (一年中的)第几个星期,以星期一作为一周的开始(用两位表示) (01..52)

  %w用数字表示星期几 (0..6); 0 代表星期天

  %W(一年中的)第几个星期,以星期一作为一周的开始(用两位表示) (00..53)

  %x按照 (mm/dd/yy) 格式显示当前日期

  %X按照 (%H:%M:%S) 格式显示当前时间

  %y年的后两位数字 (00..99)

  %Y年(用 4 位表示) (1970...)

  %z按照 RFC-822 中指定的数字时区显示(如, -0500) (为非标准扩充)

  %Z 时区(例如, EDT (美国东部时区)), 如果不能决定是哪个时区则为空

 

 

一个好例子:

 

startDate=20140304

endDate=20140305

startTime=2355

endTime=2355

 

if [[ $((startTime%100%15 < 10)) = 1 ]]; then startDateTimeAWR=`date -d "${startDate} ${startTime} -$((startTime%100%15)) min" "+%Y%m%d %H%M"`; else startDateTimeAWR=`date -d "${startDate} ${startTime} +$((15-startTime%100%15)) min" "+%Y%m%d %H%M"`; fi

startDateAWR=${startDateTimeAWR:0:8}

startTimeAWR=${startDateTimeAWR:9:4}

echo $startDateAWR

echo $startTimeAWR

 

if [[ $((endTime%100%15 < 10)) = 1 ]]; then endDateTimeAWR=`date -d "${endDate} ${endTime} -$((endTime%100%15)) min" "+%Y%m%d %H%M"`; else endDateTimeAWR=`date -d "${endDate} ${endTime} +$((15-endTime%100%15)) min" "+%Y%m%d %H%M"`; fi

endDateAWR=${endDateTimeAWR:0:8}

endTimeAWR=${endDateTimeAWR:9:4}

echo $endDateAWR

echo $endTimeAWR

 
在使用 `n-date-picker` 组件时,时间格式化是常见的需求之一。`n-date-picker` 是 Naive UI 框架提供的日期选择组件,其时间格式化方式与 `el-date-picker` 类似,但语法和 API 有所不同。以下是几种常见的 `n-date-picker` 时间格式化方法: ### 1. 输出为时间戳 如果希望将选择的日期输出为时间戳,可以使用 `value-format` 属性,并将其设置为 `'timestamp'`,这样 `v-model` 绑定的值将会是时间戳格式。 ```vue <template> <n-date-picker v-model:value="selectedTime" type="datetime" :value-format="'timestamp'" /> </template> <script> export default { data() { return { selectedTime: null }; } }; </script> ``` ### 2. 输出为指定日期时间格式 如果需要将日期格式化为 `yyyy-MM-dd HH:mm:ss` 或其他格式,可以使用 `value-format` 属性并指定格式字符串。例如: ```vue <template> <n-date-picker v-model:value="selectedTime" type="datetime" :value-format="'yyyy-MM-dd HH:mm:ss'" /> </template> <script> export default { data() { return { selectedTime: null }; } }; </script> ``` ### 3. 使用 `format` 属性自定义显示格式 `n-date-picker` 的 `format` 属性用于控制组件内部显示的日期格式,而 `value-format` 用于定义绑定值的格式。两者可以结合使用以满足不同需求。 ```vue <template> <n-date-picker v-model:value="selectedTime" type="datetime" :format="'yyyy-MM-dd HH:mm:ss'" :value-format="'timestamp'" /> </template> <script> export default { data() { return { selectedTime: null }; } }; </script> ``` ### 4. 使用 Moment.js 或 Day.js 进行复杂格式化 如果需要更复杂的格式化逻辑(例如国际化、动态格式等),可以在 `v-model` 绑定后手动处理数据。例如,使用 `moment` 或 `dayjs` 库将时间戳转换为特定格式的字符串。 ```vue <template> <n-date-picker v-model:value="selectedTime" type="datetime" :value-format="'timestamp'" /> <p>格式化后的时间: {{ formattedTime }}</p> </template> <script> import moment from 'moment'; export default { data() { return { selectedTime: null }; }, computed: { formattedTime() { return this.selectedTime ? moment(this.selectedTime).format('YYYY-MM-DD HH:mm:ss') : ''; } } }; </script> ``` ### 5. 格式化时间范围选择 对于时间范围选择(`type="datetimerange"`),同样可以使用 `value-format` 和 `format` 属性进行格式化。 ```vue <template> <n-date-picker v-model:value="dateRange" type="datetimerange" :format="'yyyy-MM-dd HH:mm:ss'" :value-format="'yyyy-MM-dd HH:mm:ss'" /> </template> <script> export default { data() { return { dateRange: [] }; } }; </script> ``` --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值