如何为jquery ui时间选择器动态设置hourMin,miniteMin值,就像今天的日期一样,我希望允许用户只选择当前时间之上&如果日期大于当前日期,则允许用户选择0-23小时。
我试过这段代码但没有工作
$('#test1').timepicker({
hourMin: 0,
hourMax: 23
});
$("#test").datepicker({
dateFormat: 'dd/mm/yy',
onSelect:function(selectedDate){
if(selectedDate == $.datepicker.formatDate('dd/mm/yy', new Date())){
$('#test1').timepicker('option','hourMin', new Date().getHours());
}else{
$('#test1').timepicker('option','hourMin', 0);
}
}
});
如果此插件有任何问题,任何人都可以建议最适合我要求的插件。
答案 0 :(得分:0)
如果这个(http://trentrichardson.com/examples/timepicker/)是你正在使用的插件,那么是的,有一个选项。
http://trentrichardson.com/examples/timepicker/#rest_examples
var nowDate = new Date();
$('#rest_example_3').datetimepicker({
minDate: new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours(),nowDate.getMinutes(), nowDate.getSeconds(), 0)
});
您可以设置minDateTime(或minDate)以达到您的目的。
修改强> 一个示例解决方案(hack),用于在运行时重置datepicker启动:
<强>使用Javascript:强>
function initDP()
{
var nowDate = new Date();
$('#dpField').datetimepicker({
minDate: new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours(), nowDate.getMinutes(), 0, 0)
});
}
function resetDP()
{
$('#dpField').die();
$('#dpField').remove();
$('#parentId').append('<input type="text" id="dpField" />');
initDP();
}
$(document).ready(function()
{
initDP();
$('#resetDate').click(function(){
resetDP();
});
});
</script>
<强> HTML 强>
<body>
<div id="parentId">
<input type="text" id="dpField" />
</div>
<button id="resetDate">Reset DP</button>
</body>