Skip to main content
Aviso eliminado Se requiere una respuesta canónica por Valentina
Recompensa finalizada con alo Malbarez's answer elegida por Valentina
Correción de etiquetas
Enlace
Ruslan López
  • 11.8k
  • 14
  • 44
  • 88
se añadieron 54 caracteres en el cuerpo
Origen Enlace
alo Malbarez
  • 9.7k
  • 3
  • 12
  • 29
$(function() {
    $(".dateCalendar").click(function (evt) {
        evt.preventDefault();
        //var DateTarget = $(this).data("target");
        var DateTarget = $(this).attr("data-target");
        $.ajax({
            url: "book.php?date="+DateTarget
        }).done(function(data) {
            $('#dataHours').html(data);
            $("#YearDayMonth").val(DateTarget);
        });
    });

    $(".changemonth").click(function (evt) {
        evt.preventDefault();
        var ChangeDateTarget = $(this).attr("data-target");
        $.ajax({
            url: "calendar.php"+ChangeDateTarget
        }).done(function(data) {
            $(".timetable").html(data);
        });
        //console.log(data);
    });

});
$(function() {
  $(".dateCalendar").click(function (evt) {
    evt.preventDefault();
    //var DateTarget = $(this).data("target");
    var DateTarget = $(this).attr("data-target");
    $.ajax({
      url: "book.php?date="+DateTarget
    }).done(function(data) {
      $('#dataHours').html(data);
      $("#YearDayMonth").val(DateTarget);
    });
  });
  
  $(".changemonth").click(function (evt) {
    evt.preventDefault();
    var ChangeDateTarget = $(this).attr("data-target");
    $.ajax({
      url: "calendar.php"+ChangeDateTarget
    }).done(function(data) {
      $(".timetable").html(data);
    });
    //console.log(data);
  });
  
});
    $calendar.= "<a class='changemonth' data-target='?month=".date('m', mktime(0, 0, 0, $month-1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month-1, 1, $year))."'>Mes anterior</a> ";
    $calendar.= " <a class='changemonth' data-target='?month=".date('m')."&year=".date('Y')."'>Mes actual</a> ";
    $calendar.= "<a class='changemonth' data-target='?month=".date('m', mktime(0, 0, 0, $month+1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month+1, 1, $year))."'>Mes siguiente</a><br>";
$calendar .= "<a class='changemonth' data-target='?month=" . 
date( 'm', mktime( 0, 0, 0, $month - 1, 1, $year ) ) .
"&year=" . date( 'Y', mktime( 0, 0, 0, $month - 1, 1, $year) ) .
"'>Mes anterior</a> ";

$calendar .= " <a class='changemonth' data-target='?month=" .
date('m') . "&year=" . date( 'Y' ) .
"'>Mes actual</a> ";

$calendar .= "<a class='changemonth' data-target='?month=" .
date( 'm', mktime( 0, 0, 0, $month + 1, 1, $year ) ) .
"&year=" . date( 'Y', mktime(0, 0, 0, $month + 1, 1, $year ) ) .
"'>Mes siguiente</a><br>";
                            <div class="field field-block">
                                <div id="dropdown">
                                    <input type="text" name="date_calendar" id="YearDayMonth" class="hintable" readonly="readonly">
                           class="hintable" readonly="readonly"
    />
    <div class="dropdown timetable" style="display: none;">
                                        <?php include 'calendar.php'; ?>
                                    </div>
                                    <label class="required">Fecha</label>
                                </div>
                            </div>
                            <div class="field field-block">
                                <div id="dataHours"></div>
                                <label class="required">Hora</label>
                            </div> 

La acción que recibe calendar.phpcalendar.php la que permite cambiar de fecha es la siguiente, según lo que se especifique en el código ajax, ya sea en metodométodo POST o GET:

#Print rows date //$_POST
/*$dateComponents = getdate();
if(isset($_POST['month']) && isset($_POST['year'])){
    $month = $_POST['month'];
    $year = $_POST['year'];
}else{
    $month = $dateComponents['mon'];
    $year = $dateComponents['year'];
}*/

#Print rows date //$_GET
$dateComponents = getdate();
if(isset($_GET['month']) && isset($_GET['year'])){
    $month = $_GET['month'];
    $year = $_GET['year'];
}else{
    $month = $dateComponents['mon'];
    $year = $dateComponents['year'];
}

echo BuildCalendar($con, $month, $year);
#Print rows date //$_POST
/*
$dateComponents = getdate();
if(isset($_POST['month']) && isset($_POST['year'])){
  $month = $_POST['month'];
  $year = $_POST['year'];
}else{
  $month = $dateComponents['mon'];
  $year = $dateComponents['year'];
}
//*/

#Print rows date //$_GET
$dateComponents = getdate();
if(isset($_GET['month']) && isset($_GET['year'])){
  $month = $_GET['month'];
  $year = $_GET['year'];
}else{
  $month = $dateComponents['mon'];
  $year = $dateComponents['year'];
}

echo BuildCalendar($con, $month, $year);

¿Qué cambios adicionales se le deben agregar a los botones generados por PHP que permite el cambio de fecha |mes anterior|| mes anterior | mes actual | mes siguiente| o que cambios debo agregar a mi código ajax?

$(function() {
    $(".dateCalendar").click(function (evt) {
        evt.preventDefault();
        //var DateTarget = $(this).data("target");
        var DateTarget = $(this).attr("data-target");
        $.ajax({
            url: "book.php?date="+DateTarget
        }).done(function(data) {
            $('#dataHours').html(data);
            $("#YearDayMonth").val(DateTarget);
        });
    });

    $(".changemonth").click(function (evt) {
        evt.preventDefault();
        var ChangeDateTarget = $(this).attr("data-target");
        $.ajax({
            url: "calendar.php"+ChangeDateTarget
        }).done(function(data) {
            $(".timetable").html(data);
        });
        //console.log(data);
    });

});
    $calendar.= "<a class='changemonth' data-target='?month=".date('m', mktime(0, 0, 0, $month-1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month-1, 1, $year))."'>Mes anterior</a> ";
    $calendar.= " <a class='changemonth' data-target='?month=".date('m')."&year=".date('Y')."'>Mes actual</a> ";
    $calendar.= "<a class='changemonth' data-target='?month=".date('m', mktime(0, 0, 0, $month+1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month+1, 1, $year))."'>Mes siguiente</a><br>";
                            <div class="field field-block">
                                <div id="dropdown">
                                    <input type="text" name="date_calendar" id="YearDayMonth" class="hintable" readonly="readonly">
                                    <div class="dropdown timetable" style="display: none;">
                                        <?php include 'calendar.php'; ?>
                                    </div>
                                    <label class="required">Fecha</label>
                                </div>
                            </div>
                            <div class="field field-block">
                                <div id="dataHours"></div>
                                <label class="required">Hora</label>
                            </div>

La acción que recibe calendar.php la que permite cambiar de fecha es la siguiente, según lo que se especifique en el código ajax, ya sea en metodo POST o GET:

#Print rows date //$_POST
/*$dateComponents = getdate();
if(isset($_POST['month']) && isset($_POST['year'])){
    $month = $_POST['month'];
    $year = $_POST['year'];
}else{
    $month = $dateComponents['mon'];
    $year = $dateComponents['year'];
}*/

#Print rows date //$_GET
$dateComponents = getdate();
if(isset($_GET['month']) && isset($_GET['year'])){
    $month = $_GET['month'];
    $year = $_GET['year'];
}else{
    $month = $dateComponents['mon'];
    $year = $dateComponents['year'];
}

echo BuildCalendar($con, $month, $year);

¿Qué cambios adicionales se le deben agregar a los botones generados por PHP que permite el cambio de fecha |mes anterior| mes actual | mes siguiente| o que cambios debo agregar a mi código ajax?

$(function() {
  $(".dateCalendar").click(function (evt) {
    evt.preventDefault();
    //var DateTarget = $(this).data("target");
    var DateTarget = $(this).attr("data-target");
    $.ajax({
      url: "book.php?date="+DateTarget
    }).done(function(data) {
      $('#dataHours').html(data);
      $("#YearDayMonth").val(DateTarget);
    });
  });
  
  $(".changemonth").click(function (evt) {
    evt.preventDefault();
    var ChangeDateTarget = $(this).attr("data-target");
    $.ajax({
      url: "calendar.php"+ChangeDateTarget
    }).done(function(data) {
      $(".timetable").html(data);
    });
    //console.log(data);
  });
  
});
$calendar .= "<a class='changemonth' data-target='?month=" . 
date( 'm', mktime( 0, 0, 0, $month - 1, 1, $year ) ) .
"&year=" . date( 'Y', mktime( 0, 0, 0, $month - 1, 1, $year) ) .
"'>Mes anterior</a> ";

$calendar .= " <a class='changemonth' data-target='?month=" .
date('m') . "&year=" . date( 'Y' ) .
"'>Mes actual</a> ";

$calendar .= "<a class='changemonth' data-target='?month=" .
date( 'm', mktime( 0, 0, 0, $month + 1, 1, $year ) ) .
"&year=" . date( 'Y', mktime(0, 0, 0, $month + 1, 1, $year ) ) .
"'>Mes siguiente</a><br>";
<div class="field field-block">
  <div id="dropdown">
    <input type="text" name="date_calendar" id="YearDayMonth"
    class="hintable" readonly="readonly"
    />
    <div class="dropdown timetable" style="display: none;">
      <?php include 'calendar.php'; ?>
    </div>
    <label class="required">Fecha</label>
  </div>
</div>
<div class="field field-block">
  <div id="dataHours"></div>
  <label class="required">Hora</label>
</div> 

La acción que recibe calendar.php la que permite cambiar de fecha es la siguiente, según lo que se especifique en el código ajax, ya sea en método POST o GET:

#Print rows date //$_POST
/*
$dateComponents = getdate();
if(isset($_POST['month']) && isset($_POST['year'])){
  $month = $_POST['month'];
  $year = $_POST['year'];
}else{
  $month = $dateComponents['mon'];
  $year = $dateComponents['year'];
}
//*/

#Print rows date //$_GET
$dateComponents = getdate();
if(isset($_GET['month']) && isset($_GET['year'])){
  $month = $_GET['month'];
  $year = $_GET['year'];
}else{
  $month = $dateComponents['mon'];
  $year = $dateComponents['year'];
}

echo BuildCalendar($con, $month, $year);

¿Qué cambios adicionales se le deben agregar a los botones generados por PHP que permite el cambio de fecha | mes anterior | mes actual | mes siguiente| o que cambios debo agregar a mi código ajax?

Aviso añadido Se requiere una respuesta canónica por Valentina
Recompensa iniciada por un valor de 100 de reputación por Valentina
se añadieron 1666 caracteres en el cuerpo
Origen Enlace

Estoy tratando de poder cambiar de mes/año enTengo el calendario sin que se actualice o se recargue la páginasiguiente ajax, para ello he creado un atributo data-target en la etiqueta apero solo funciona una sola vez el cambio de la siguiente maneradatos, si vuelvo a presionar en cambiar no funciona:

<a$(function() class='changemonth{
 btn btn-xs btn-primary' data-target='?month="$(".datedateCalendar").click('m',function mktime(0,evt) 0,{
 0, $month-1, 1, $year    evt.preventDefault();
        //var DateTarget = $(this)."&year=".datedata('Y',"target");
 mktime(0, 0, 0, $month-1, 1, $year  var DateTarget = $(this).attr("data-target");
        $."'>Previousajax({
 Month</a>           url: "book.php?date="+DateTarget

Los datos que se obtiene en dicho atributo es información como esta: ?Month=12&year=2020

Dicha información que la recibo y la proceso con el siguiente código ajax:

$        }).done(function(data) {
            $('#dataHours').html(data);
            $("#YearDayMonth").val(DateTarget);
        });
    });

    $(".changemonth").click(function (evt) {
        evt.preventDefault();
        var DateTargetChangeDateTarget = $(this).attr("data-target");
 
        $.ajax({
            url: "calendar.php"+DateTargetphp"+ChangeDateTarget
        }).done(function(data) {
            $("#calendar"".timetable").html(data);
        });
        //console.log(DateMonthdata);
    }); 

});

AhoraLos botones que se generan en mi archivo index.php he creado elPHP, dan como resultado lo siguiente: include<a class="changemonth" data-target="?month=12&amp;year=2020">Mes siguiente</a> eso son los botones que me permite cambiar de mes, pero vuelvo y recalco solo funciona una vez, si vuelvo a dar click en el siguiente mes no funciona, si doy click en mes actual o mes anterior tampoco.

    $calendar.= "<a class='changemonth' data-target='?month=".date('m', mktime(0, 0, 0, $month-1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month-1, 1, $year))."'>Mes anterior</a> ";
    $calendar.= " <a class='changemonth' data-target='?month=".date('m')."&year=".date('Y')."'>Mes actual</a> ";
    $calendar.= "<a class='changemonth' data-target='?month=".date('m', mktime(0, 0, 0, $month+1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month+1, 1, $year))."'>Mes siguiente</a><br>";

Toda esa información la muestra en mi página principal o otro archivo no importa donde lo ubique:

                            <div id="calendar">class="field field-block">
                                <div id="dropdown">
                                    <input type="text" name="date_calendar" id="YearDayMonth" class="hintable" readonly="readonly">
                                    <div class="dropdown timetable" style="display: none;">
                                        <?php include 'calendar.php'; ?>
                                    </div>
                                    <label class="required">Fecha</label>
                                </div>
                            </div>
                            <div class="field field-block">
                                <div id="dataHours"></div>
                                <label class="required">Hora</label>
                            </div>

Ese mismo archivo include 'calendar.php'; es elLa acción que deseo actualizar mediante su contenedor <div id="calendar"> sinrecibe calendar.php la que recargue o se actualicepermite cambiar de fecha es la páginasiguiente, solo deseo actualizar dicho archivo con los datos enviados.según lo que se especifique en el código ajax, ya sea en metodo POST o GET:

#Print rows date //$_POST
/*$dateComponents = getdate();
if(isset($_POST['month']) && isset($_POST['year'])){
    $month = $_POST['month'];
    $year = $_POST['year'];
}else{
    $month = $dateComponents['mon'];
    $year = $dateComponents['year'];
}*/

#Print rows date //$_GET
$dateComponents = getdate();
if(isset($_GET['month']) && isset($_GET['year'])){
    $month = $_GET['month'];
    $year = $_GET['year'];
}else{
    $month = $dateComponents['mon'];
    $year = $dateComponents['year'];
}

echo BuildCalendar($con, $month, $year);

El problema con¿Qué cambios adicionales se le deben agregar a los botones generados por PHP que permite el cambio de fecha |mes anterior| mes actual código ajax es| mes siguiente| o que me borra todo mis datos al insertar nuevo contenido, alguna manera de solo actualizar el contendor -> <div id="calendar">.cambios debo agregar a mi código ajax?

Estoy tratando de poder cambiar de mes/año en el calendario sin que se actualice o se recargue la página, para ello he creado un atributo data-target en la etiqueta a de la siguiente manera:

<a class='changemonth btn btn-xs btn-primary' data-target='?month=".date('m', mktime(0, 0, 0, $month-1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month-1, 1, $year))."'>Previous Month</a>

Los datos que se obtiene en dicho atributo es información como esta: ?Month=12&year=2020

Dicha información que la recibo y la proceso con el siguiente código ajax:

$(function() {
    $(".changemonth").click(function (evt) {
        evt.preventDefault();
        var DateTarget = $(this).attr("data-target");
 
        $.ajax({
            url: "calendar.php"+DateTarget
        }).done(function(data) {
            $("#calendar").html(data);
        });
        //console.log(DateMonth);
    });
});

Ahora en mi archivo index.php he creado el siguiente include

<div id="calendar">
    <?php include 'calendar.php'; ?>
</div>

Ese mismo archivo include 'calendar.php'; es el que deseo actualizar mediante su contenedor <div id="calendar"> sin que recargue o se actualice la página, solo deseo actualizar dicho archivo con los datos enviados.

El problema con el actual código ajax es que me borra todo mis datos al insertar nuevo contenido, alguna manera de solo actualizar el contendor -> <div id="calendar">.

Tengo el siguiente ajax, pero solo funciona una sola vez el cambio de datos, si vuelvo a presionar en cambiar no funciona:

$(function() {
    $(".dateCalendar").click(function (evt) {
        evt.preventDefault();
        //var DateTarget = $(this).data("target");
        var DateTarget = $(this).attr("data-target");
        $.ajax({
            url: "book.php?date="+DateTarget
        }).done(function(data) {
            $('#dataHours').html(data);
            $("#YearDayMonth").val(DateTarget);
        });
    });

    $(".changemonth").click(function (evt) {
        evt.preventDefault();
        var ChangeDateTarget = $(this).attr("data-target");
        $.ajax({
            url: "calendar.php"+ChangeDateTarget
        }).done(function(data) {
            $(".timetable").html(data);
        });
        //console.log(data);
    }); 

});

Los botones que se generan en PHP, dan como resultado lo siguiente: <a class="changemonth" data-target="?month=12&amp;year=2020">Mes siguiente</a> eso son los botones que me permite cambiar de mes, pero vuelvo y recalco solo funciona una vez, si vuelvo a dar click en el siguiente mes no funciona, si doy click en mes actual o mes anterior tampoco.

    $calendar.= "<a class='changemonth' data-target='?month=".date('m', mktime(0, 0, 0, $month-1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month-1, 1, $year))."'>Mes anterior</a> ";
    $calendar.= " <a class='changemonth' data-target='?month=".date('m')."&year=".date('Y')."'>Mes actual</a> ";
    $calendar.= "<a class='changemonth' data-target='?month=".date('m', mktime(0, 0, 0, $month+1, 1, $year))."&year=".date('Y', mktime(0, 0, 0, $month+1, 1, $year))."'>Mes siguiente</a><br>";

Toda esa información la muestra en mi página principal o otro archivo no importa donde lo ubique:

                            <div class="field field-block">
                                <div id="dropdown">
                                    <input type="text" name="date_calendar" id="YearDayMonth" class="hintable" readonly="readonly">
                                    <div class="dropdown timetable" style="display: none;">
                                        <?php include 'calendar.php'; ?>
                                    </div>
                                    <label class="required">Fecha</label>
                                </div>
                            </div>
                            <div class="field field-block">
                                <div id="dataHours"></div>
                                <label class="required">Hora</label>
                            </div>

La acción que recibe calendar.php la que permite cambiar de fecha es la siguiente, según lo que se especifique en el código ajax, ya sea en metodo POST o GET:

#Print rows date //$_POST
/*$dateComponents = getdate();
if(isset($_POST['month']) && isset($_POST['year'])){
    $month = $_POST['month'];
    $year = $_POST['year'];
}else{
    $month = $dateComponents['mon'];
    $year = $dateComponents['year'];
}*/

#Print rows date //$_GET
$dateComponents = getdate();
if(isset($_GET['month']) && isset($_GET['year'])){
    $month = $_GET['month'];
    $year = $_GET['year'];
}else{
    $month = $dateComponents['mon'];
    $year = $dateComponents['year'];
}

echo BuildCalendar($con, $month, $year);

¿Qué cambios adicionales se le deben agregar a los botones generados por PHP que permite el cambio de fecha |mes anterior| mes actual | mes siguiente| o que cambios debo agregar a mi código ajax?

se eliminaron 166 caracteres en el cuerpo; título editado
Origen Enlace
Loading
se añadieron 498 caracteres en el cuerpo; título editado
Origen Enlace
Loading
Publicación recuperada por Valentina
Publicación eliminada por Valentina
se añadieron 401 caracteres en el cuerpo
Origen Enlace
Loading
Origen Enlace
Loading