Exploring the World of Dates with Angular JS

let discoverDate = new Date('08-24-2015');
let occurDate = new Date('06-07-2018');

let discover = $filter("date")(discoverDate, "MM/dd/yyyy");
let occur = $filter("date")(occurDate, "MM/dd/yyyy");

console.log(discover);
console.log(occur);

if (discoverDate.getTime() < occurDate.getTime()) {
    console.log('Discover less than occur');
} else {
    console.log('No');
}

Despite assigning different values to the discover variable, the result is always No.

Did I make a mistake in my comparison?

javascriptangularjs

Answer №1

If you're looking for a more efficient way to handle date-time operations, I highly recommend utilizing momentJS. Its implementation is much smoother and cleaner.

When you need to compare whether a specific time comes before or after another time, you can make use of their query functions

moment('2010-10-20').isBefore('2010-12-31', 'year'); // false
moment('2010-10-20').isBefore('2011-01-01', 'year'); // true

Answer №2

// Here is some code

var app = angular.module("app", []);

app.controller("BaseController", function($scope,$filter) { 
  
  var discover = $filter("date")(new Date('05-24-2015'), "MM/dd/yyyy");
  var occur = $filter("date")(new Date('06-07-2018'), "MM/dd/yyyy")
  console.log(discover);
  console.log(occur);
  if (discover < occur) {
      console.log('Discover is less than occur');
  } else {
      console.log('No');
  }
   
}); 
<!DOCTYPE html>
<html>

  <head>
    <script data-require="<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="65040b02100904170f1625544b504b50">[email protected]</a>" data-semver="1.5.5" src="https://code.angularjs.org/1.5.5/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="app" ng-controller="BaseController">
 
  </body>

</html>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What steps should I take to display a Material UI grid in React without triggering the warning about the missing unique key

In my current project, I am utilizing React and Material UI to display a grid. The grid's rows are populated from an array of data, with each row containing specific information in columns structured like this: <Grid container> {myData.map((re ...

javascriptreactjsmaterial-ui

Enhancing jQuery Rating Plugin

Currently, I am working on customizing the jQuery Bar Rating System Plugin. You can view an example of the plugin by visiting this link: . The rating system on my end will resemble Example D. Rather than having the plugin based on user input, my goal is to ...

javascriptjqueryhtmlxslt

Tips for displaying a placeholder image within the Next.js image component

I am currently facing an issue with displaying images from API calls. To handle situations where there are no images or errors, I have implemented a code snippet which includes a placeholder image. However, the implementation seems to not be functioning as ...

javascriptreactjsnext.jsnextjs-image

Why does my jQuery code target all the text values?

Looking to grab a specific table cell number and multiply it by an input value on focusout, but having trouble with the selector grabbing all cells with "front" in the name. Check out the code below: jquery $(document).ready(function(){ $(".percent") ...

javascriptjquery

Steps to displaying the result

new Vue({ data: { folders : [{ name : 'folder1', isActive : 1, }, { name : 'folder2', isActive : 0, }, ] } } }) Is there a way to access the active val ...

javascriptvue.js

Removing a Request with specified parameters in MongoDB using NodeJS

Working with Angular 4 and MongoDB, I encountered an issue while attempting to send a delete request. My goal was to delete multiple items based on their IDs using the following setup: deleteData(id) { return this.http.delete(this.api, id) } In order ...

javascriptnode.jsangularmongodbexpress

What steps can I take to improve my routing structure in nodejs and express?

My current WebAPI code is pretty modular, but I want to make it even more so. Right now, all the routes are in my server.js file and I would like to separate them into individual controllers. Any suggestions on how to achieve that? Here's an example: ...

javascriptnode.jsexpressroutes

What causes the "undefined" error in Node.js when using a

Currently, I am utilizing the node-craigslist package for scraping listings from craigslist. However, I have encountered an issue when processing the results. client .search(options, '') .then((listings) => { listings.forEach((listing ...

javascriptnode.jscraigslist

Activating Unsplash API to initiate download

I am currently following the triggering guidelines found in the Unsplash documentation. The endpoint I am focusing on is: GET /photos/:id/download This is an example response for the photo: { "id": "LBI7cgq3pbM", "width": ...

javascriptreactjsapirest

Transferring data from jQuery Ajax to PHP

I'm facing a challenge in retrieving a value back to PHP that I can manipulate and save to the database. It appears that using the GET method with jQuery AJAX is not yielding the desired results. Below is the PHP code snippet where I attempt to captur ...

phpjavascriptjqueryajax

"Reinvigorating Listboxes in AngularJs for Enhanced User Experience

I currently have two multiple listboxes set up as follows: When I select multiple values from the left listbox and click the right arrow, those values will be moved to the right listbox and removed from the left listbox. HTML <select multiple ng- ...

angularjslistboxcoffeescript

Redux state assigns object to another object

I started with an initial state that looks like this: let initialState = { items: [ { name: 'a' }, { name: 'b' } ], otherItems: [] } I am attempting to copy the items array and assign i ...

javascriptreactjsecmascript-6redux

Creating a responsive database using an Express application and Socket.IO

As I am developing an application using Express Create App, specifically designed to run on Plesk hosting, I have already configured it following the example provided by the official Plesk Node Express project. Everything is working smoothly so far. The ap ...

javascriptnode.jsapiexpressreal-time-data

How to trigger an Angular JS route without loading a view

Could someone help me with calling the /auth/logout url to get redirected after a session is deleted? app.config(['$routeProvider',function($routeProvider) { $routeProvider .when('/auth/logout',{ controller:'AuthLo ...

javascriptangularjscontrollersroute-provider

What is the best way to remove an event binding before navigating to a different page in NUXTjs?

I wrote this code all on one page and it works perfectly. However, I am unsure how to unbind this event when transitioning to another page. private mounted () { if (process.browser) { const banner:any = document.querySelector('.banner ...

javascriptvue.jsnuxt.js

Strategies for Ensuring Ember JS Waits for Asynchronous Functions to Respond Prior to Rendering

Currently, I'm tackling a project that came to the company through an outsourced channel. My query concerns the rendering of an image src. In the past, images were served from the filesystem. However, we've now transitioned to using AWS S3 bucke ...

javascriptember.jshandlebars.jsember-data

Accessing a global variable in AngularJS while using ng-data-repeat functionality

Currently in my Angular project, I am displaying block information using the ng-data-repeat directive and accessing various values. Below is a snippet of a table utilizing this repeat feature: <tr class="fader" ng-repeat='b in blocks'> ...

javascripthtmlangularjs

Integrate Vue.js project to store images in MS Azure cloud storage

I am currently exploring the VueJs framework and looking to integrate my project with Azure. However, I am unsure of the process. Previously, I worked with Firebase - is it a similar technique where we configure storage within the project? Recently, I cre ...

javascriptazurevue.jsvuejs2

Implementing a smooth camera movement in Three.js using the mousewheel

Is there anyone who can assist me with achieving smooth camera movement (forward/backward) using the mouse wheel? The current code I have is not providing the desired smoothness. document.addEventListener( 'mousewheel', onDocumentMouseWheel, fal ...

javascriptscrollthree.jsmousewheel

Is it possible to automate the process of constructing a dependency in the package.json file?

Currently, I am using firebaseui and require building it with French localization because the localized versions are not available on npm. In my current package.json file, the dependencies section looks like this: "dependencies": { "firebaseui": "^3.5 ...

javascriptnpmpackage.jsonfirebaseui