显示真实的日期和时间，并在用户选择另一个时更改它

Question

我必须在当前日期和时间内显示，当页面加载时，秒会令人耳目试图使用此脚本进行操作，但什么也不会发生。日历的DE .DATETIME -PICKER SI的一部分可以显示正确的工作，但第二个是我试图获取真实日期和时间而无法使用的部分。你能帮我吗？

非常感谢

jQuery(document).ready(function() {
  $('#date-time').datetimepicker();
});
var momentNow = moment();
$('#date-time').html(momentNow.format('YYYY MMMM DD' + 'A hh:mm:ss'));

////

更新

当页面加载时，应在实时和日期

时看起来像这样

然后，当他单击div时，它显示了日历和时间，以便他可以进行选择

谢谢

Answer 1

这每秒都会更新日期时间字段中的时间(如时钟(，并且还允许用户选择一个日期和时间(在这种情况下，时钟将在我们'''''''''''''''''''''''''''''''''''中停止工作。重新选择其他日期的时间，而不是当前的时间(：

<form method="post" action="?">
   <div>
     <label for="filter-date">
       <span><img src="images/calendar.png" alt=""></span>
     </label>
     <input type="text" name="filter-date" id="date-time"/>
   </div>
</form>
<script>
    jQuery(document).ready(function($) {
        var timer;
        //var momentNow = moment();
        var dateTimeClock = $('#date-time').datetimepicker({
            format:'Y F d H:i:s A', // Use the same date format as the one set with moment()
            onSelectDate: function(ct, $i){
                // Stop the clock
                if (timer) {
                    clearInterval(timer);
                }
            }
        });
        // This function updates the datetime field 
        // every one second, simulating a clock.
        function clock(){
            if (timer)
                clearInterval(timer);
            timer = setInterval(function(){
                dateTimeClock.val(moment().format('YYYY MMMM DD' + ' hh:mm:ss A'));
            }, 1000);
        }
        // Start the clock
        clock();
    });
</script>

演示：jsfiddle。

如果您有任何评论/问题，请随时提出。