How do i pass data from ejs(date picker) to js(to query db) and then display results back in ejs(in a label)?

General Tech Bugs & Fixes 2 years ago

0 1 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

 

I am a beginner to Nodejs/Mongo DB. I am working on designing a simple page where it displays Pass/Fail status for a chosen date in a button click.

I figured out how to query mongo DB collection to get the Pass and Fail values for a specific date(this 'date' has to come from html date picker).

So i am wondering how to make it dynamic, so that it works for any date chosen in datepicker.

Can someone please help? I have been struggling to find a solution.

**userlist.ejs**

DOCTYPE html>
<html>
  <head>
    <title>Statustitle>

    <link rel='stylesheet' href='/stylesheets/style.css' />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js">script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js">script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  script>
  head>
  <body>
    <h1>Statush1>
    <p>Welcome to Statusp>
    Date: <input type="text" id="datepicker">
    <input type="button" id="txbox" value="Find">
    <p>Pass is <%=userlist[0].Passed%>p>
    <p>Fail is <%=userlist[0].Failed%>p>
  body>
html>
index.js

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

/* GET Hello World page. */
router.get('/userlist', function(req, res) {
    var db = req.db;
    var collection =
                                                
                                                
0 views
0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.