附加到Link的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." );
});