javascript中的时间和日期验证_Javascript_Jquery

javascript中的时间和日期验证

javascript jquery

javascript中的时间和日期验证,javascript,jquery,Javascript,Jquery,boostrap中有两个输入，我要求用户在第一个输入中选择一个日期并进行验证如果选择的日期是当前日期，那么第二个输入（jquery中的时钟）将显示当前小时数+1。但如果选择的日期与当前日期不同，则时钟将正常显示时间我有很多麻烦，所以如果你能帮助我或给我一些建议，我将不胜感激，谢谢 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min

boostrap中有两个输入，我要求用户在第一个输入中选择一个日期并进行验证

如果选择的日期是当前日期，那么第二个输入（jquery中的时钟）将显示当前小时数+1。但如果选择的日期与当前日期不同，则时钟将正常显示时间

我有很多麻烦，所以如果你能帮助我或给我一些建议，我将不胜感激，谢谢

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="bootstrap/bootstrap.min.js"></script>
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="timepicker/jquery.timepicker.min.css">
    <script src="timepicker/jquery.timepicker.min.js"></script>
    <script src="moment.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#hora').timepicker({});
        });
    </script>
</head>
<body>
    <div class="container">
        <form action="">
            <div class="row">
                <div class="col-sm">
                    <label class="bmd-label-floating">Date</label>
                    <input id="fecha" type="date" name="fecha" class="form- 
                      control" required onchange="validacion()">
                    <script>
                        function validacion() {
                            var fechaActual = moment().format("YYYY MM DD");
                            var fechaSeleccionada =
                                document.getElementById('fecha').value;
                            var diferencia =
                                fechaActual.diff(fechaSeleccionada);
                            console.log(fechaActual);
                            console.log(fechaSeleccionada);
                            console.log(diferencia);
                        }
                    </script>
                </div>
                <div id="recargar" class="col-sm">
                    <label>Time</label>
                    <input class="form-control" type="text" id="hora"
                           required>
                </div>
            </div>
        </form>
    </div>
</body>
</html>

我已经为你做了一个变通办法来实现你所说的

<input type="text" value="Enter date!" id="dte" class="datepicker">
<br/>
<br/>
<input type="text" id="time" value=" time!" >

这是一把小提琴：

注意：这只是一个解决方法，您应该根据需要使用它

发布您已经尝试过的内容，而不是图片添加html

$(".datepicker").datepicker({dateFormat: "yy-mm-dd"});
$("input.datepicker").on("keyup change", function(){
var today = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()).getTime();

var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var output = d.getFullYear() + '-' +
    ((''+month).length<2 ? '0' : '') + month + '-' +
    ((''+day).length<2 ? '0' : '') + day;

var selected = $("#dte").val();      
if(selected==output)
{
var today = new Date();
today.setHours(today.getHours()+1);
var dt = new Date();
var time = dt.getHours() +1;
var ee=time+":"+ dt.getMinutes() + ":" + dt.getSeconds();
$("#time").val(ee);
}
else
{
var dt = new Date();
var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();
$("#time").val(time);
}      
});