php - 有没有办法制作第二个输入字段?
问题描述
有没有办法制作第二个输入字段,以便第一个时间值在一个输入字段中,第二个时间值在另一个输入字段中?我正在尝试将时间发布到数据库中,因此我需要在单独的字段中。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" />
<div class='amount-time-sch'>
<label for="amount-time">Time</label>
<input type="text" name="amount-time" id="amount-time" style="border: 0; color: #666666; font-weight: bold;" value="10:00 - 20:00"/>
<div id="slider-time"></div><br>
</div>
<script>jQuery(function() {
jQuery('#slider-time').slider({
range: true,
min: 0,
max: 1000,
step: 15,
values: [ 600, 1200 ],
slide: function( event, ui ) {
var hours1 = Math.floor(ui.values[0] / 60);
var minutes1 = ui.values[0] - (hours1 * 60);
if(hours1.length < 10) hours1= '0' + hours;
if(minutes1.length < 10) minutes1 = '0' + minutes;
if(minutes1 == 0) minutes1 = '00';
var hours2 = Math.floor(ui.values[1] / 60);
var minutes2 = ui.values[1] - (hours2 * 60);
if(hours2.length < 10) hours2= '0' + hours;
if(minutes2.length < 10) minutes2 = '0' + minutes;
if(minutes2 == 0) minutes2 = '00';
jQuery('#amount-time').val(hours1+':'+minutes1+''+hours2+':'+minutes2 );
}
});
});
</script>
解决方案
我建议为每个时间值使用 html 时间输入。这是一个假设的例子:
<form action="#" onsubmit="sendTimes(event)">
<label for="first-time">first time</label>
<input type="time" name="first-time" id="first-time"><br>
<label for="second-time">second time</label>
<input type="time" name="second-time" id="second-time"><br>
<input type="submit" value="submit">
</form>
<script type="text/javascript">
function sendTimes(event) {
// keep browser from refreshing
event.preventDefault();
const formData = new FormData();
// get the values of the times
const firstTime = $("#first-time").val();
const secondTime = $("#second-time").val();
// add the times to the form data to POST
formData.append("first-time", firstTime);
formData.append("second-time", secondTime);
// insert logic here for sending the form data to PHP
}
</script>
如果用户将时间值留空,则时间值将是空字符串。否则,它们将是“hh:mm”形式的 24 小时时间。在服务器端,您可以在将 PHP 中的每个时间值保存到数据库之前对其进行验证。
推荐阅读
- sql - 使用分区计算 SQL 中的进程重复次数
- java - RC4 整数加密/解密 Java
- python - python将多个excel中的所有工作表附加到pandas数据框中的有效方法
- node.js - 在将标头发送到客户端后无法设置标头,(但在重新设置标头的位置不明显)
- android - 从后台打开应用程序时,片段中的可序列化 ViewPager 导致 Android 应用程序崩溃
- cassandra - 如何将用户定义的数据类型列表索引为冻结在表“列表”
>”? - python - 有没有办法编辑过滤器 GET 请求返回的对象?
- encoding - 如何在 Jmeter 的 Http 测试脚本记录器中设置默认 UTF-8?
- typescript - Sublimetext 使用键盘快捷键循环方法签名
- android - 如果 Android Spinner 选择不起作用,如何修复它?