Skip to main content

Get date-time value instead of default dd/mm/yyyy --:-- -- on Edit

I have created a bootstrap Modal from which I am taking Debt information, now on debt creation, I don't have a problem with dd/mm/yyyy --:-- -- as default (I can remove it using JS and put a placeholder) but when I edit the debt entry, i want to display the values entered instead..

Debt Entry

Editing of debt where I want date values like other fields

        <!-- edit Debt date -->
        <div class="form-group">
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-calendar"><span style="font-size:1.2em;">Debt Date</span></i></span>
            <input class="form-control input-lg" type="datetime-local" id="editDebtDate" name="editDebtDate" required>      
          </div>
        </div>

       
        <!-- edit Return date -->
        <div class="form-group">
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-hourglass"><span style="font-size:1.2em;">Return Date</span></i></span>
            <input class="form-control input-lg" type="datetime-local" id="editReturnDate" name="editReturnDate" required>      
          </div>
        </div>

How I am getting other values using JS..

/*=============================================
EDIT Debt
=============================================*/

$(".tables").on("click", ".btnEditDebt", function(){
    var idDebt = $(this).attr("idDebt");
    var datum = new FormData();
    datum.append("idDebt", idDebt);
    $.ajax({
        url: "ajax/debt.ajax.php",
        method: "POST",
        data: datum,
        cache: false,
        contentType: false,
        processData: false,
        dataType:"json",
        success: function(answer){
            $("#editDebtor").val(answer["debtor"]);
            $("#editDebtAmount").val(answer["amount"]);
            $("#editDescription").val(answer["description"]);
            $("#editDebtDate").val(answer["debtDate"]);
            $("#editReturn").val(answer["returnDebt"]);
            $("#editReturnDate").val(answer["returnDate"]);
            $("#idDebt").val(answer["id"]);      
        }
        
    })
})

Ajax

if(isset($_POST["idDebt"])){

    $Debt = new AjaxDebt();
    $Debt -> idDebt = $_POST["idDebt"];
    $Debt -> ajaxEditDebt();
}

public $idDebt;

public function ajaxEditDebt(){

    $item = "id";
    $value = $this->idDebt;

    $answer = ControllerDebt::ctrShowDebt($item, $value);
    echo json_encode($answer);

}

This ctrShowDebt goes into database and return me the whole record. Returned Object

> {0: '8', 1: 'Test', 2: '2000', 3: 'Testing Debt', 4: '2022-01-18 23:08:00', 5: '2000', 6: '2022-01-25 23:08:00', 7: 'valid', 8: '2022-01-25 23:08:44', id: '8', debtor: 'Test', amount: '2000', description: 'Testing Debt', debtDate: '2022-01-18 23:08:00', …}
0: "8"
1: "Test"
2: "2000"
3: "Testing Debt"
4: "2022-01-18 23:08:00"
5: "2000"
6: "2022-01-25 23:08:00"
7: "valid"
8: "2022-01-25 23:08:44"
amount: "2000"
date: "2022-01-25 23:08:44"
debtDate: "2022-01-18 23:08:00"
debtor: "Test"
description: "Testing Debt"
id: "8"
returnDate: "2022-01-25 23:08:00"
returnDebt: "2000"
status: "valid"
Via Active questions tagged javascript - Stack Overflow https://ift.tt/2FdjaAW
Labels:

Comments

Post a Comment

Popular posts from this blog

Prop `className` did not match in next js app

I have written a sample code ( Github Link here ). this is a simple next js app, but giving me error when I refresh the page. This seems to be the common problem and I tried the fix provided in the internet but does not seem to fix my issue. The error is Warning: Prop className did not match. Server: "MuiBox-root MuiBox-root-1" Client: "MuiBox-root MuiBox-root-2". Did changes for _document.js, modified _app.js as mentioned in official website and solutions in stackoverflow. but nothing seems to work. Could someone take a look and help me whats wrong with the code? Via Active questions tagged javascript - Stack Overflow https://ift.tt/2FdjaAW
Post a Comment
Read more

How to show number of registered users in Laravel based on usertype?

i'm trying to display data from the database in the admin dashboard i used this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count(); echo $users; ?> and i have successfully get the correct data from the database but what if i want to display a specific data for example in this user table there is "usertype" that specify if the user is normal user or admin i want to user the same code above but to display a specific usertype i tried this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count()->WHERE usertype =admin; echo $users; ?> but it didn't work, what am i doing wrong? source https://stackoverflow.com/questions/68199726/how-to-show-number-of-registered-users-in-laravel-based-on-usertype
Post a Comment
Read more

Why is my reports service not connecting?

I am trying to pull some data from a Postgres database using Node.js and node-postures but I can't figure out why my service isn't connecting. my routes/index.js file: const express = require('express'); const router = express.Router(); const ordersCountController = require('../controllers/ordersCountController'); const ordersController = require('../controllers/ordersController'); const weeklyReportsController = require('../controllers/weeklyReportsController'); router.get('/orders_count', ordersCountController); router.get('/orders', ordersController); router.get('/weekly_reports', weeklyReportsController); module.exports = router; My controllers/weeklyReportsController.js file: const weeklyReportsService = require('../services/weeklyReportsService'); const weeklyReportsController = async (req, res) => { try { const data = await weeklyReportsService; res.json({data}) console
Post a Comment
Read more