Skip to content

1
1024程序员开源挑战赛

夜猫逐梦 / 1024程序员开源挑战赛
与 Fork 源项目一致

Fork自 GitCode / 1024程序员开源挑战赛（10.23-11.14）

通知 3
Star 1
Fork 0
1
1024程序员开源挑战赛

GitCode（gitcode.net）2024年7月9日维护升级公告

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 2fa9f773 编写于 作者: B baiy 提交者： ninecents
浏览文件
操作

#51 fix

上级 bdb1ca11
隐藏空白更改
内联 并排
Showing with 145 addition and 120 deletion
src/views/tool/time.vue
浏览文件 @ 2fa9f773
<template>
<div>
<Tabs name="default">
<TabPane label="差值计算器" name="default">
<option-block>
<FormItem>
<DatePicker transfer v-model="current.poor.input1" :options="options" type="datetime"
format="yyyy-MM-dd HH:mm:ss"></DatePicker>
</FormItem>
<FormItem>
与
</FormItem>
<FormItem>
<DatePicker transfer v-model="current.poor.input2" :options="options" type="datetime"
format="yyyy-MM-dd HH:mm:ss"></DatePicker>
</FormItem>
<FormItem>
相差
</FormItem>
<FormItem>
<Input v-model="poor">
<Select transfer v-model="current.poor.unit" slot="append" style="width: 60px">
<Option v-for="v in poorUnit" :value="v.v" :key="v.v">{{v.n}}</Option>
</Select>
</Input>
</FormItem>
</option-block>
</TabPane>
</Tabs>
<div>
<Tabs name="default">
<TabPane label="差值计算器" name="default">
<option-block>
<FormItem>
<DatePicker transfer v-model="current.poor.input1" :options="options" type="datetime"
format="yyyy-MM-dd HH:mm:ss"></DatePicker>
</FormItem>
<FormItem>
与
</FormItem>
<FormItem>
<DatePicker transfer v-model="current.poor.input2" :options="options" type="datetime"
format="yyyy-MM-dd HH:mm:ss"></DatePicker>
</FormItem>
<FormItem>
相差
</FormItem>
<FormItem>
<Input v-model="poor">
<Select transfer v-model="current.poor.unit" slot="append" style="width: 60px">
<Option v-for="v in poorUnit" :value="v.v" :key="v.v">{{ v.n }}</Option>
</Select>
</Input>
</FormItem>
</option-block>
</TabPane>
</Tabs>
<Tabs name="default">
<TabPane label="时间操作" name="default">
<option-block>
<FormItem>
<DatePicker transfer v-model="current.duration.input" :options="options" type="datetime"
format="yyyy-MM-dd HH:mm:ss"></DatePicker>
</FormItem>
<FormItem>
<Select transfer v-model="current.duration.type" style="width: 100px">
<Option value="+">添加</Option>
<Option value="-">减少</Option>
</Select>
</FormItem>
<FormItem>
<Input v-model="current.duration.length" type="number" number>
<Select transfer v-model="current.duration.unit" slot="append" style="width: 60px">
<Option v-for="v in poorUnit" :value="v.v" :key="v.v">{{v.n}}</Option>
</Select>
</Input>
</FormItem>
<FormItem>
后, 为 <strong>{{duration}}</strong>
</FormItem>
</option-block>
</TabPane>
</Tabs>
</div>
<Tabs name="default">
<TabPane label="时间操作" name="default">
<option-block>
<FormItem>
<DatePicker transfer v-model="current.duration.input" :options="options" type="datetime"
format="yyyy-MM-dd HH:mm:ss"></DatePicker>
</FormItem>
<FormItem>
<Select transfer v-model="current.duration.type" style="width: 100px">
<Option value="+">添加</Option>
<Option value="-">减少</Option>
</Select>
</FormItem>
<FormItem>
<Input v-model="current.duration.length" type="number" number>
<Select transfer v-model="current.duration.unit" slot="append" style="width: 60px">
<Option v-for="v in poorUnit" :value="v.v" :key="v.v">{{ v.n }}</Option>
</Select>
</Input>
</FormItem>
<FormItem>
后, 为 <strong>{{ duration }}</strong>
</FormItem>
</option-block>
</TabPane>
</Tabs>
</div>
</template>
<script>
import moment from 'moment'
import moment from 'moment'
export default {
created () {
this.current = Object.assign(this.current, this.$getToolData())
export default {
created() {
this.current = Object.assign(this.current, this.$getToolData())
},
computed: {
poor() {
let a = moment(this.current.poor.input1)
let b = moment(this.current.poor.input2)
this.$saveToolData(this.current)
return b.diff(a, this.current.poor.unit)
},
computed: {
poor () {
let a = moment(this.current.poor.input1)
let b = moment(this.current.poor.input2)
this.$saveToolData(this.current)
return b.diff(a, this.current.poor.unit)
},
duration () {
this.$saveToolData(this.current)
duration() {
if (!this.current.duration.length){
return "";
}
let rate = this.getRate(this.current.duration.unit)
let result;
if (rate === 0) {
if (!Number.isInteger(this.current.duration.length)){
return "年/月间隔只能是整数";
}
const type = this.current.duration.type === '+' ? 'add' : 'subtract'
return moment(this.current.duration.input)[type](this.current.duration.length, this.current.duration.unit).
format('YYYY-MM-DD HH:mm:ss')
},
result = moment(this.current.duration.input)[type](this.current.duration.length, this.current.duration.unit)
} else {
result = moment(
moment(this.current.duration.input).unix() * 1000
+ (rate * this.current.duration.length) * (this.current.duration.type === '+' ? 1 : -1)
)
}
this.$saveToolData(this.current)
return result.format('YYYY-MM-DD HH:mm:ss');
},
data () {
return {
options: {
shortcuts: [
{
text: '当前时间',
value () {
return moment().toDate()
},
},
{
text: '当前日期',
value () {
return moment(moment().format('YYYY-MM-DD')).toDate()
},
},
methods: {
getRate(unit) {
for (let item of this.poorUnit) {
if (item.v === unit) {
return parseInt(item.rate)
}
}
return 0;
}
},
data() {
return {
options: {
shortcuts: [
{
text: '当前时间',
value() {
return moment().toDate()
},
{
text: '当月日期',
value () {
return moment(moment().format('YYYY-MM-01')).toDate()
},
},
{
text: '当前日期',
value() {
return moment(moment().format('YYYY-MM-DD')).toDate()
},
{
text: '当年日期',
value () {
return moment(moment().format('YYYY-01-01')).toDate()
},
},
{
text: '当月日期',
value() {
return moment(moment().format('YYYY-MM-01')).toDate()
},
],
},
poorUnit: [
{ v: 'years', n: '年' },
{ v: 'months', n: '月' },
{ v: 'weeks', n: '周' },
{ v: 'days', n: '天' },
{ v: 'hours', n: '小时' },
{ v: 'minutes', n: '分钟' },
{ v: 'seconds', n: '秒' },
],
current: {
poor: {
input1: moment(moment().format('YYYY-MM-DD')).toDate(),
input2: moment(moment().format('YYYY-MM-DD')).add(1, 'd').toDate(),
unit: 'seconds',
},
duration: {
input: moment(moment().format('YYYY-MM-DD')).toDate(),
unit: 'days',
type: '+',
length: 1,
{
text: '当年日期',
value() {
return moment(moment().format('YYYY-01-01')).toDate()
},
},
],
},
poorUnit: [
{v: 'years', n: '年', rate: 0},
{v: 'months', n: '月', rate: 0},
{v: 'weeks', n: '周', rate: 1000 * 60 * 60 * 24 * 7},
{v: 'days', n: '天', rate: 1000 * 60 * 60 * 24},
{v: 'hours', n: '小时', rate: 1000 * 60 * 60},
{v: 'minutes', n: '分钟', rate: 1000 * 60},
{v: 'seconds', n: '秒', rate: 1000},
],
current: {
poor: {
input1: moment(moment().format('YYYY-MM-DD')).toDate(),
input2: moment(moment().format('YYYY-MM-DD')).add(1, 'd').toDate(),
unit: 'seconds',
},
}
},
}
duration: {
input: moment(moment().format('YYYY-MM-DD')).toDate(),
unit: 'days',
type: '+',
length: 1,
},
},
}
},
}
</script>
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或