我正在尝试使用以下代码在Twig中显示DateInterval:
{{ event.endTime.diff(event.startTime)|date("i's''") }}
Run Code Online (Sandbox Code Playgroud)
event获取2个DateTime对象的实体在哪里:endTime和startTime.使用该命令我得到了这个输出:
i's''
Run Code Online (Sandbox Code Playgroud)
而不是min'sec''喜欢08'15''
在日期文件中说
日期过滤器接受[...] DateInterval实例
此工作用于显示日期对象的min和sec.
请注意:执行:{{ (event.endTime.diff(event.startTime))|date("i's''") }}不会更改任何内容
我也尝试了,{{ date(event.endTime.diff(event.startTime))|date("i's''") }}但这会导致异常Object of class DateInterval could not be converted to string
我也看到了time_diff从细枝扩展但这返回一个字符串(in或ago),而不是一个Date对象,然后因为我想我不能显示它.
如果您需要更多信息,请告诉我.谢谢您的帮助.
我正在使用这个 vue js 插件:https://github.com/Godofbrowser/vuejs-dialog
按照指南,我尝试将自定义组件集成到我的对话框中。对话框显示,但不显示任何内容或自定义组件。另外,配置似乎不起作用。
我在这里错过了什么吗?我按照文档进行操作。
这是我的内容main.js:
import VuejsDialog from 'vuejs-dialog';
import 'vuejs-dialog/dist/vuejs-dialog.min.css';
Vue.use(VuejsDialog);
import CustomView from '@/components/HDSLogin';
const customView = 'my-unique-view-name';
Vue.dialog.registerComponent(customView, CustomView)
Run Code Online (Sandbox Code Playgroud)
然后我在组件中使用以下方法来触发对话框
this.$dialog.alert( {
view: customView, // can be set globally too, value is 'my-unique-view-name'
html: false,
animation: 'fade',
okText: "Ok",
cancelText: "Cancel",
backdropClose: true
});
Run Code Online (Sandbox Code Playgroud)
我CustomView在中定义我的组件HdsLogin.vue:
<template>
<div >
<p>Content</p>
</div>
</template>
<script>
// import into project
import Vue from 'vue';
import VuejsDialog from 'vuejs-dialog';
import VuejsDialogMixin from 'vuejs-dialog/dist/vuejs-dialog-mixin.min.js'; …Run Code Online (Sandbox Code Playgroud)