小编Fli*_*ink的帖子

如何在 Vuetify 文本输入字段中输入日期和时间

我正在尝试构建一个 Vuetify 表单,该表单允许输入日期格式,其中包括事件的开始和结束的日期和具体时间。到目前为止,我有以下内容:

            <v-form @submit.prevent="addEvent">
              <v-text-field v-model="eventName" type="text" label="event name (required)"></v-text-field>
              <v-text-field v-model="start" type="date" label="start (required)"></v-text-field>
              <v-text-field v-model="end" type="date" label="end (required)"></v-text-field>
              <v-btn type="submit" color="primary" class="mr-4" @click.stop="dialog = false">
                Add Event
              </v-btn>
            </v-form>
Run Code Online (Sandbox Code Playgroud)

是否有一种输入类型允许在同一输入字段中同时输入日期和时间?如果是这样,我该如何实现这样一个字段?谢谢!

javascript vue.js vuetify.js

9
推荐指数
2
解决办法
3万
查看次数

如何更改字体大小?

我在jquery中创建一个textarea字段。当我在该文本区域中输入任何内容时,如果更改了字体系列,字体颜色和字体大小,则应该更改它。

在下面的代码中,当我在文本区域中编写任何内容并更改字体系列和字体颜色时,它会更改,但是当我尝试更改字体大小时,它不会更改。我有字体大小,因为文本区域意味着无论我给它的大小都应该更改,但是这个问题我无法解决。

请任何人帮我解决这个问题。

$("#ff").change(function() {
  $('.changeMe').css("font-family", $(this).val());
});

$("#size").change(function() {
  $('.changeMe').css("font-size", $(this).val() + "px");
});

$("#color").change(function() {
  $('.changeMe').css("color", $(this).val());
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="padding-top:120px; padding-left:120px">

  <textarea rows="8" cols="50" class="changeMe" placeholder="Enter something"></textarea>

  <br><br>

  <form id="myform">

    <label>Select Font Family</label>
    <select id="ff">
      <option value="Arial">Arial</option>
      <option value="Verdana">Verdana </option>
      <option value="Times ">Times New Roman</option>
      <option value="Impact">Impact</option>
    </select><br><br>

    <label>Select Font size</label>
    <input type="text" id="size"><br><br>

    <label>Select color</label>
    <select id="color">
      <option value="orange" style="background-color: orange;">orange</option>
      <option value="red" style="background-color: red;">red</option>
      <option value="pink" style="background-color: pink;">pink</option>
      <option value="blue" style="background-color: blue;">blue</option>
    </select><br><br>

  </form> …
Run Code Online (Sandbox Code Playgroud)

html jquery

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

标签 统计

html ×1

javascript ×1

jquery ×1

vue.js ×1

vuetify.js ×1