如何在按钮单击时绑定和取消绑定 DateTimepicker

Question

日期时间选择器绑定并且工作正常，但是当用户单击 refreshTime 按钮时，它总是应该打开刷新时间。 目前，当 Datetimepicker 绑定时会发生什么，它总是显示用户现在更改当前时间的所选时间。 那么有什么方法可以在单击按钮时绑定 Datetimepicker 运行时。 我试过但创建多个 Datetimepicker。

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="css/datetimepicker.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js" integrity="sha512-LGXaggshOkD/at6PFNcp2V2unf9LzFq6LE+sChH7ceMTDP0g2kn6Vxwgg7wkPP7AAtX+lmPqPdxB47A0Nz0cMQ==" crossorigin="anonymous"></script>
    <script type="text/javascript" src="js/datetimepicker.js"></script>
    <style>
        body{ background-color: beige; direction: ltr;}
    </style>
    <script type="text/javascript">
    $(document).ready( function () {
        $('#picker').dateTimePicker();
        $('#picker-no-time').dateTimePicker({ showTime: false, dateFormat: 'DD/MM/YYYY', title: 'Select Date'});
    })
    </script>
    <title>Date Time Picker</title>
</head>
<body>
<div style="width: 250px; margin: 50px auto;">
    <div id="picker"></div>
    <input type="hidden" id="result" value="" />
</div>
<div style="width: 250px; margin: 50px auto;">
    <div id="picker-no-time"></div>
    <input type="hidden" id="result2" value="" />
</div>
</body>
</html>