Question

我正在使用XDSOFT datetimepicker插件，我在这里找到：http://easycodestuff.blogspot.in/2016/01/using-date-time-pickers-in-angularjs.html（非常有用且信息丰富的博客）我已将minTime，minDate设置为0，这意味着只能选择当前日期，时间。这对今天来说很好，我们将被允许设定从现在开始的未来时间。但即使是将来的日期，这也是将minTime设置为0，并且即使在将来的日期也可以选择当前时间。

以下是演示plunker：http://plnkr.co/edit/VThUaRaXAK3Ov4nAa5TZ?p=preview。在这里，我们可以选择今天的日期和当前时间，但如果我选择明天的日期，我可以选择当前时间，即使是明天。

我需要一个解决方案，可以为将来的日期选择任何时间。

同样，当选择日期时，仍然启用手动输入，这意味着虽然minDate设置为0，但我们可以选择任何过去的日期。选择后如何禁用它？

如果有人可以提供帮助，将会感激不尽。

Answer 1

我创建了一个函数（“onChangeDateTime”）来检查日期并设置时间验证。

试用此代码，正常工作Plunker.

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css" />
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="jquery.datetimepicker.full.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
    </head>
    <body>
        <h3>DateTimePicker</h3>
        <input type="text" id="datetimepicker" onkeypress="return false" onpaste="return false"/>
        <br /><br />

        <script>   

            var d = new Date();
            var logic = function( currentDateTime ){
                if(d.getFullYear() + '-' + d.getMonth() + '-' + d.getDate() == currentDateTime.getFullYear() + '-' + currentDateTime.getMonth() + '-' + currentDateTime.getDate() ){
                    this.setOptions({
                        minTime:0
                    });
                }else{
                  this.setOptions({
                        minTime:'0:00'
                  });
                }
            };

            $('#datetimepicker').datetimepicker({
                minDate: 0,
                onChangeDateTime:logic,
                onShow:logic
            });

        </script>
    </body>
</html>

XDSOFT插件datimepicker问题

1 个答案: