javascript - JQuery DateTimePicker 附加到链接

Question

我正在使用 JQuery DateTime Picker 插件 http://trentrichardson.com/examples/timepicker当我使用输入按照各种示例中所示进行设置时，它工作得很好。不过，我希望在单击链接时显示弹出窗口，并在选择“完成”时弹出带有所选日期/时间的警报。

我已经尝试过以下...

    <script>
    $(function ()
    {
        $('#dtpicker').datetimepicker(
        {
            addSliderAccess: true,
            sliderAccessArgs: { touchonly: false }
        });
    });
    </script>

<a href="#" id="dtpicker">(+) Add Null Route</a>

是否可以将其添加到链接而不是按钮？当选择“完成”按钮时，有什么方法可以实际获取所选的日期/时间并对其执行某些操作？

Answer 1

为什么不使用 <input id="dtpicker" value="" type="button"/>但是 type="button" ？并尝试在按钮上使用 css 使其看起来像链接。类型“按钮”正在工作，请看这里:http://jsfiddle.net/bLh26hwo/

将输入样式设置为看起来像链接:

http://jsfiddle.net/yhtrxjus/

第二部分的解决方案:内置onClose事件:

$('#slider_example').datetimepicker({
...
    onClose: function (dateText, inst) {
        alert('ok');
    },
});

替代方案:添加click()事件到done像这样的按钮:

$(".ui-datepicker-close").click(function() {
  alert( "Handler for .click() called." );
});