如何点击按钮在Timepicker插件中显示时间?

时间:2013-06-18 06:57:20

标签: jquery jquery-ui

我有一个按钮,我想按下按钮,它将是显示面板,以便在Timepicker插件中选择时间。我可以按下文本框,现在我想按一个按钮。这个插件

http://trentrichardson.com/examples/timepicker/

这是我的代码:

<input type="text" placeholder="Set Time" id="S-Time"/><button>Click to show</button>

<script>
$('#S-Time').timepicker();
</script>

2 个答案:

答案 0 :(得分:4)

试试这个:

$('#S-Time').timepicker();
$('button').click(function(){
    $('#S-Time').focus();
});

答案 1 :(得分:2)

尝试

<input type="text" placeholder="Set Time" id="S-Time"/><button id="S-Time-Show">Click to show</button>

  $('#S-Time').datetimepicker();

  $('#S-Time-Show').click(function(){ //your button
    $('#S-Time').focus();
  });

演示:Plunker