Я написал этот код:

<script type="text/javascript">
$('#updateAssignment').on('click', function(event){
  event.preventDefault();
  var currentdate = new Date();
  var datetime = "Last Sync: " + currentdate.getDate() + "/"
                + (currentdate.getMonth())  + "/"
                + currentdate.getFullYear() + " @ "
                + currentdate.getHours() + ":"
                + currentdate.getMinutes() + ":"
                + currentdate.getSeconds();
  $('#updateAssignment').text(datetime);
});
</script>

С этим HTML:

<p class="card-text" id="updateAssignment">Last update: <?php echo date('d-m-Y H:i:s')?> <a href="?update=true"><i class="fa fa-refresh"></i></a></p>

То, что я хочу, это следующее:

Я хочу, чтобы дата обновлялась, когда я нажимаю кнопку обновления без обновления всей страницы . Как-то это не работает с этим кодом, у меня нет ошибок в консоли.

Кто-нибудь может мне помочь?

0
Sander bakker 30 Авг 2017 в 15:20

4 ответа

Лучший ответ

Замещать

href="?update=true"

С участием

href="#"

Предыдущая строка заставляет ваш браузер инициировать запрос GET, который вам не нужен.

4
BeetleJuice 30 Авг 2017 в 12:23

Это работает :

$('#updateAssignment').click(function(){
  var currentdate = new Date();
  var datetime = "Last Sync: " + currentdate.getDate() + "/"
                + (currentdate.getMonth())  + "/"
                + currentdate.getFullYear() + " @ "
                + currentdate.getHours() + ":"
                + currentdate.getMinutes() + ":"
                + currentdate.getSeconds();
  $('#updateAssignment').text(datetime);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="card-text" id="updateAssignment">Last update: PHP_HERE <a href="?update=true"><i class="fa fa-refresh"></i></a></p>
0
Shiladitya 30 Авг 2017 в 12:29

Замещать

href="?update=true"

Кому

href="#null"

И

$(function() {
    $('#updateAssignment').on('click', function(event){
      event.preventDefault();
      var currentdate = new Date();
      var datetime = "Last Sync: " + currentdate.getDate() + "/"
                + (currentdate.getMonth())  + "/"
                + currentdate.getFullYear() + " @ "
                + currentdate.getHours() + ":"
                + currentdate.getMinutes() + ":"
                + currentdate.getSeconds();
      $('#updateAssignment').text(datetime);
    });
});

Оберните это $(function() {

0
Vladimir Boliev 30 Авг 2017 в 12:41
  • Вы можете удовлетворить свои потребности несколькими способами, ниже добавлен один способ с вашим кодом.
  • вы добавили event.preventDefault();, поэтому событие клика запрещено.
  • или вы можете удалить ссылку href согласно BeetleJuice предложению.

< Сильный > Html

<p class="card-text" id="updateAssignment">
    <span>Last update: <?php echo date('d-m-Y H:i:s')?></span>
    <a href="?update=true"><i class="fa fa-refresh"></i>Sync Date</a>
    </p>

< Сильный > Сценарии

$('#updateAssignment a').on('click', function(event){
            event.preventDefault();
            var currentdate = new Date();
            var datetime = "Last Sync: " + currentdate.getDate() + "/"
                + (currentdate.getMonth())  + "/"
                + currentdate.getFullYear() + " @ "
                + currentdate.getHours() + ":"
                + currentdate.getMinutes() + ":"
                + currentdate.getSeconds();
            $('#updateAssignment span').text(datetime);
        });

< EM> DEMO

1
Sathish 30 Авг 2017 в 12:36