我正在尝试构建一个 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)
是否有一种输入类型允许在同一输入字段中同时输入日期和时间?如果是这样,我该如何实现这样一个字段?谢谢!
我在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)