XDSOFT插件datimepicker问题
XDSOFT plugin datimepicker Issue
我正在使用 XDSOFT datetimepicker 插件,我在这里找到它:http://easycodestuff.blogspot.in/2016/01/using-date-time-pickers-in-angularjs.html(非常有用且信息丰富的博客)并且我已将 minTime、minDate 设置为 0,这意味着只有当前日期、时间可以 select编辑。这对今天来说很好,我们将被允许从现在开始设定未来的时间。但是,即使对于未来的日期,这也会将 minTime 设置为 0,即使对于未来的日期,也会将当前时间设置为 select。
这是一个演示 plunker
:http://plnkr.co/edit/VThUaRaXAK3Ov4nAa5TZ?p=preview。在这里我们可以 select 今天的日期和当前时间,但是如果我 select 明天的日期,即使明天我也可以 select 当前时间。
我需要一个可以随时 select 编辑未来日期的解决方案。
此外,当日期被 select 编辑时,手动输入仍然启用,这意味着尽管 minDate 设置为 0,我们可以 select 任何过去的日期。如何在 selected 后禁用它?
如有帮助将不胜感激
我创建了一个函数("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 datetimepicker 插件,我在这里找到它:http://easycodestuff.blogspot.in/2016/01/using-date-time-pickers-in-angularjs.html(非常有用且信息丰富的博客)并且我已将 minTime、minDate 设置为 0,这意味着只有当前日期、时间可以 select编辑。这对今天来说很好,我们将被允许从现在开始设定未来的时间。但是,即使对于未来的日期,这也会将 minTime 设置为 0,即使对于未来的日期,也会将当前时间设置为 select。
这是一个演示 plunker
:http://plnkr.co/edit/VThUaRaXAK3Ov4nAa5TZ?p=preview。在这里我们可以 select 今天的日期和当前时间,但是如果我 select 明天的日期,即使明天我也可以 select 当前时间。
我需要一个可以随时 select 编辑未来日期的解决方案。
此外,当日期被 select 编辑时,手动输入仍然启用,这意味着尽管 minDate 设置为 0,我们可以 select 任何过去的日期。如何在 selected 后禁用它?
如有帮助将不胜感激
我创建了一个函数("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>