小编Sil*_*ine的帖子

Vuetify - 在 v-list-tile-content 中居中内容

我试图居中里面的内容V-列表瓦片内容一个的V-名单没有成功。我尝试将 text-xs-center, justify-center 应用于v-list元素和v-list-tile-content,但它不起作用。此外,我尝试在v-list-tile-content 中放置一个 div并应用前面提到的类。我发现 v-list-tile-content 元素有一个align-items: flex-start,如果我删除它,它会自动应用这些类。

据我所知 align-items 它用于垂直对齐,而对于水平对齐,正确的类是 justify-items,对吗?

<v-list class="table pa-0">
    <v-list-tile
        v-for="(element, index) in elements"
        :key="`pricing_table_element_${index}`"
        :class="{'dark-background': index % 2 === 0}"
        avatar
    >
        <v-list-tile-avatar>
            <fa-icon
            icon="check-circle"
            color="#00BB9B"
            />
        </v-list-tile-avatar>

        <v-list-tile-content>
            {{ element.content }}
        </v-list-tile-content>

        <v-list-tile-action>
            <v-tooltip right>
                <fa-icon
                    slot="activator"
                    icon="info-circle"
                    color="#f68e28"
                />
                <span>{{ element.tooltip }}</span>
            </v-tooltip>
        </v-list-tile-action>
    </v-list-tile>
</v-list>
Run Code Online (Sandbox Code Playgroud)

vue.js vuetify.js

6
推荐指数
1
解决办法
2万
查看次数

计算两个日期时间本地输入之间的小时数

我试图获得两个日期时间本地输入(开始和结束日期)之间的小时数差异。我正在尝试用 momentjs 库来做但没有成功。我知道问题出在日期时间本地输入的格式上,但是,有什么方法可以对其进行格式化以允许 Momentjs 获取并进行比较?或者我应该尝试使用不同的库/输入?

<input type="datetime-local" name="input-time" id="start-time">
<input id="end-time" type="datetime-local" onchange="myFunction()">
<input type="text" id="total-hours" placeholder="Total Hours">              

function myFunction() {
  var initialTime=document.getElementById("start-time");
  var initialTimeFormat=moment(initialTime);
  var endTime=document.getElementById("end-time");
  var endTimeFormat=moment(endTime);
  var totalHours=endTimeFormat.diff(initialTimeFormat,"hours");
  $("#total-hours").text(totalHours); 
  }
Run Code Online (Sandbox Code Playgroud)

javascript jquery datetime momentjs

2
推荐指数
1
解决办法
2569
查看次数

延迟计算 OnChange 事件

我正在尝试计算 DECIMALS 中两个数字之间的差异。问题是它需要大约 2-3 秒,这是一个问题,因为输入是时间,并且用户可以非常快速地触发事件并且它似乎以某种方式崩溃。这可能来自不舍入小数点吗?昏迷后我只需要2位数。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Testing</title>
</head>
<body>

<input type="date" name="" id="">
<input type="time" step="300" name="" id="startTime" onkeydown="return false" />
<input type="time" step="300" name="" id="endTime" onkeydown="return false" />
<input type="text" id="totalHours">
</body>


<script>

document.querySelector("#startTime").onchange = function (e) {
}

document.querySelector("#endTime").onchange = function (e) {
    timeDiff();
}

function timeDiff() {
    var start = document.querySelector("#startTime").value;
    var end = document.querySelector("#endTime").value;


    var startSplit = start.split(":");
    var startHsToMinutes = startSplit[0] * 60;
    var startTotalMinutes = parseInt(startSplit[1]) + startHsToMinutes; …
Run Code Online (Sandbox Code Playgroud)

html javascript

1
推荐指数
1
解决办法
1981
查看次数

标签 统计

javascript ×2

datetime ×1

html ×1

jquery ×1

momentjs ×1

vue.js ×1

vuetify.js ×1