JavaScript માં તારીખોની સરખામણી કેવી રીતે કરવી

JavaScript માં તારીખ સરખામણીઓનું સંચાલન કરવું

વેબ એપ્લિકેશન્સ સાથે કામ કરતી વખતે, તારીખોની સરખામણી કરવી એ સામાન્ય જરૂરિયાત છે, ખાસ કરીને જ્યારે ટેક્સ્ટ બોક્સમાંથી વપરાશકર્તા ઇનપુટને માન્ય કરતી વખતે. JavaScript તારીખોની તુલના કરવાની ઘણી રીતો પ્રદાન કરે છે, જે વિકાસકર્તાઓને તપાસવાની મંજૂરી આપે છે કે શું એક તારીખ બીજી તારીખની તુલનામાં ભૂતકાળની તારીખ કરતાં મોટી છે, તેનાથી ઓછી છે કે નહીં.

આ લેખ તમને JavaScript માં તારીખ મૂલ્યોની તુલના કરવા માટે વિવિધ પદ્ધતિઓ દ્વારા માર્ગદર્શન આપશે, ચોક્કસ અને કાર્યક્ષમ માન્યતાની ખાતરી કરશે. ભલે તમે બુકિંગ સિસ્ટમ, ઇવેન્ટ પ્લાનર અથવા તારીખની સરખામણી સાથે સંકળાયેલી કોઈપણ એપ્લિકેશન પર કામ કરી રહ્યાં હોવ, આ તકનીકો અમૂલ્ય હશે.

JavaScript માં તારીખની તુલના સમજવી

ફ્રન્ટએન્ડ સ્ક્રિપ્ટને ટેક્સ્ટ બોક્સ દ્વારા વપરાશકર્તા દ્વારા બે તારીખોના ઇનપુટની તુલના કરવા માટે ડિઝાઇન કરવામાં આવી છે. આ new Date() આદેશનો ઉપયોગ સ્ટ્રિંગ ઇનપુટ્સને Date ઑબ્જેક્ટમાં કન્વર્ટ કરવા માટે થાય છે. આ document.getElementById() આદેશનો ઉપયોગ તેમના ID દ્વારા ટેક્સ્ટ બોક્સમાંથી મૂલ્યો મેળવવા માટે થાય છે. એકવાર તારીખો પુનઃપ્રાપ્ત અને રૂપાંતરિત થઈ ગયા પછી, સ્ક્રિપ્ટ સરળ સરખામણી ઓપરેટર્સનો ઉપયોગ કરે છે કે કેમ તે ચકાસવા માટે કે એક તારીખ બીજી તારીખ કરતાં મોટી છે, તેનાથી ઓછી છે કે તેની બરાબર છે. વધુમાં, વર્તમાન તારીખનો ઉપયોગ કરીને મેળવવામાં આવે છે new Date() અને તે ભૂતકાળમાં છે કે કેમ તે નિર્ધારિત કરવા માટે ઇનપુટ તારીખોની સરખામણી કરો. આ સરખામણીઓના પરિણામો પછી ચેતવણી સંદેશાઓનો ઉપયોગ કરીને વપરાશકર્તાને પ્રદર્શિત કરવામાં આવે છે.

બેકએન્ડ સ્ક્રિપ્ટ સર્વર બાજુ પર તારીખની સરખામણીઓ સંભાળવા માટે એક્સપ્રેસ ફ્રેમવર્ક સાથે Node.js નો ઉપયોગ કરે છે. તે એક્સપ્રેસ એપ્લિકેશન સેટ કરીને અને ઇનકમિંગ JSON વિનંતીઓનો ઉપયોગ કરીને પાર્સિંગ દ્વારા શરૂ થાય છે express.json(). માર્ગ app.post() POST વિનંતીઓને /compare-dates એન્ડપોઇન્ટ પર હેન્ડલ કરે છે. આ રૂટની અંદર, વિનંતીના મુખ્ય ભાગમાંથી તારીખો કાઢવામાં આવે છે, જેનો ઉપયોગ કરીને તારીખ ઑબ્જેક્ટ્સમાં રૂપાંતરિત થાય છે new Date(), અને ફ્રન્ટ એન્ડ સ્ક્રિપ્ટ સાથે સમાન રીતે સરખામણી કરી. આ સરખામણીઓના પરિણામો એક જ પ્રતિભાવ શબ્દમાળામાં જોડવામાં આવે છે અને તેનો ઉપયોગ કરીને ક્લાયંટને પાછા મોકલવામાં આવે છે res.send(). સર્વર પછી શરૂ થાય છે અને પોર્ટ 3000 નો ઉપયોગ કરીને ઇનકમિંગ કનેક્શન્સ સાંભળે છે app.listen().

// Get date values from text boxes
function compareDates() {
  const date1 = new Date(document.getElementById('date1').value);
  const date2 = new Date(document.getElementById('date2').value);
  const now = new Date();
  if (date1 > date2) {
    alert('Date 1 is greater than Date 2');
  } else if (date1 < date2) {
    alert('Date 1 is less than Date 2');
  } else {
    alert('Date 1 is equal to Date 2');
  }
  if (date1 < now) {
    alert('Date 1 is in the past');
  }
  if (date2 < now) {
    alert('Date 2 is in the past');
  }
}

const express = require('express');
const app = express();
app.use(express.json());
app.post('/compare-dates', (req, res) => {
  const { date1, date2 } = req.body;
  const d1 = new Date(date1);
  const d2 = new Date(date2);
  const now = new Date();
  let result = '';
  if (d1 > d2) {
    result += 'Date 1 is greater than Date 2. ';
  } else if (d1 < d2) {
    result += 'Date 1 is less than Date 2. ';
  } else {
    result += 'Date 1 is equal to Date 2. ';
  }
  if (d1 < now) {
    result += 'Date 1 is in the past. ';
  }
  if (d2 < now) {
    result += 'Date 2 is in the past.';
  }
  res.send(result);
});
app.listen(3000, () => console.log('Server running on port 3000'));

JavaScript માં અદ્યતન તારીખ સરખામણીઓનું અન્વેષણ કરવું

મૂળભૂત તારીખ સરખામણીઓ ઉપરાંત, JavaScript વધુ અદ્યતન તકનીકો અને પુસ્તકાલયો પ્રદાન કરે છે જે તારીખની હેરફેરને સરળ બનાવી શકે છે. આવી જ એક લાઇબ્રેરી છે Moment.js, જે તારીખોનું પદચ્છેદન કરવા, માન્ય કરવા, હેરફેર કરવા અને ફોર્મેટ કરવા માટે સમૃદ્ધ API પ્રદાન કરે છે. Moment.js તારીખની કામગીરીમાં સંકળાયેલા કિસ્સાઓ અને જટિલતાઓને સંભાળી શકે છે, જે તેને વિકાસકર્તાઓ માટે લોકપ્રિય પસંદગી બનાવે છે. Moment.js નો ઉપયોગ કરીને, તમે તારીખો જેવી પદ્ધતિઓ સાથે સરળતાથી સરખાવી શકો છો isBefore(), isAfter(), અને isSame(). આ પદ્ધતિઓ વાંચનક્ષમતા વધારે છે અને તમારા કોડમાં ભૂલોની સંભાવના ઘટાડે છે.

JavaScript માં તારીખ સરખામણી માટેનું બીજું શક્તિશાળી સાધન છે Intl.DateTimeFormat ઑબ્જેક્ટ, જે લોકેલ-સંવેદનશીલ રીતે તારીખ ફોર્મેટિંગ માટે પરવાનગી આપે છે. આંતરરાષ્ટ્રીય એપ્લિકેશનો સાથે કામ કરતી વખતે આ ખાસ કરીને ઉપયોગી થઈ શકે છે જ્યાં તારીખ ફોર્મેટ અલગ અલગ હોય છે. વધુમાં, JavaScript બિલ્ટ-ઇન છે Date ઑબ્જેક્ટમાં પદ્ધતિઓ છે જેમ કે getTime() અને valueOf() જે યુનિક્સ યુગથી મિલિસેકન્ડની સંખ્યા પરત કરે છે, જે સંખ્યાત્મક રીતે તારીખોની તુલના કરવાની સીધી રીત પ્રદાન કરે છે. આ પદ્ધતિઓ, તારીખની તુલના માટે ફરીથી વાપરી શકાય તેવા કાર્યો બનાવવા જેવી તકનીકો સાથે જોડાયેલી, તમારા કોડની મજબૂતાઈ અને જાળવણીક્ષમતાને નોંધપાત્ર રીતે વધારી શકે છે.

JavaScript માં તારીખ સરખામણી તકનીકોનો સારાંશ

JavaScript માં તારીખો સાથે કામ કરતી વખતે, વિવિધ એપ્લિકેશનો માટે તેમની સચોટ સરખામણી કરવી મહત્વપૂર્ણ છે. ડેટ ઑબ્જેક્ટનો ઉપયોગ કરીને, ડેવલપર્સ સરળતાથી ડેટ સ્ટ્રિંગ્સને તુલનાત્મક ઑબ્જેક્ટમાં કન્વર્ટ કરી શકે છે. સરળ સરખામણી ઓપરેટર્સ જેમ કે > અને < નક્કી કરી શકે છે કે એક તારીખ બીજી તારીખ કરતા મોટી છે કે ઓછી છે. Moment.js જેવા અદ્યતન સાધનો વધુ જટિલ પરિસ્થિતિઓ માટે isBefore() અને isAfter() જેવી પદ્ધતિઓ પ્રદાન કરે છે. વધુમાં, Node.js સાથે બેકએન્ડ પર તારીખની સરખામણીઓનું સંચાલન કરવું એ એપ્લિકેશનના વિવિધ ભાગોમાં તારીખની માહિતીની સુસંગત માન્યતા અને પ્રક્રિયાને સુનિશ્ચિત કરે છે.