如何自动验证文本框值

Question

我在对话框中有文本框，文件 .aspx 中有 ID = txtTime，我有文件 .js

我想比较用户在 txtTime 和当前时间的输入。 如果 txtTime

首先，如何在 .js 文件中调用 txtTime 值？

其次，我需要在 .js 文件中从字符串转换为时间，因为我在 .js 中的对话代码（我使用 jQuery UI 进行对话）

那么，如何使用 javascript 将字符串转换为时间？ 这是我的文本框元素详细信息。

<input type="text" style="width: 70px;" id="txtTime" />

以上是我在 .aspx 上的代码。值就像（我使用时间选择器 jQuery）

晚上 10 点 15 分

如果需要有关我的时间选择器的信息，我使用jQuery time picker from here 选项编号 2

Answer 1

要转换字符串，您可以使用以下内容：

var pikedTime = "12:50";
var timeArray = pikedTime.split(":");
var now = new Date();
now.setHours(timeArray[0]);
now.setMinutes(timeArray[1]);
//now is the current date with piked time (12:50)

now 是 Date object : http://www.w3schools.com/js/js_dates.asp

因此，要在您的代码中实现，您可以使用onSelect 回调：

$('#timepicker').timepicker({
    onSelect : function(timePiked){
       var now = new Date(),
           datePiked = new Date();
        if(timePiked.match(":") !== null){
            timePiked = timePiked.split(":");
            datePiked.setMinutes(timePiked[1]);
            datePiked.setHours(timePiked[0])
            console.log(datePiked > now); //if true piked date is higher than current date
            // datePiked is the time you have piked from input
            // "now" is the current time (calculated every time you change data inside form)
        }
    }
});

---

另一种方法是设置minTime 以防止选择低于当前的时间：

var now = new Date();
$('#timepicker').timepicker({
    minTime : {
        hour: now.getHours(),
        minute : now.getMinutes()
    }
});

---

观看文档：https://fgelinas.com/code/timepicker/ 选项卡 2（“用法”）。

1. 属性onSelect
2. 属性minTime

（minTime 为示例编号14）