মানব-বান্ধব আপেক্ষিক তারিখ বিন্যাসের জন্য জাভাস্ক্রিপ্ট লাইব্রেরি [বন্ধ]

Question 1

বন্ধ এই প্রশ্নটি স্ট্যাক ওভারফ্লো নির্দেশিকাগুলি পূরণ করে না । এটি বর্তমানে উত্তর গ্রহণ করছে না।

এই প্রশ্নটি উন্নত করতে চান? প্রশ্ন আপডেট করুন তাই এটা -বিষয়ে স্ট্যাক ওভারফ্লো জন্য।

4 বছর আগে বন্ধ ছিল ।

আমি মানব-বান্ধব বিন্যাসে বর্তমান তারিখের তুলনায় কিছু তারিখ প্রদর্শন করতে চাই।

মানব-বান্ধব আপেক্ষিক তারিখগুলির উদাহরণ:

10 সেকেন্ড আগে
এখন থেকে 20 মিনিট
1 দিন আগে
5 সপ্তাহ আগে
২ মাস আগে

মূলত বিশ্বস্ততার সাথে সর্বোচ্চ মাত্রার সর্বোচ্চ অর্ডার সংরক্ষণ করা (এবং পছন্দ অনুসারে, কেবলমাত্র সেই ইউনিটগুলির মধ্যে ২ টি পাস করার সময় ইউনিট স্থানান্তরিত হবে - 1 মাসের পরিবর্তে 5 সপ্তাহ))

যদিও আমি এমন একটি লাইব্রেরি নিয়ে থাকতে পারি যার নিয়ন্ত্রণ কম ছিল এবং আরও বন্ধুত্বপূর্ণ তারিখগুলি ছিল:

গতকাল
আগামীকাল
গত সপ্তাহে
কিছু মিনিট আগে
কয়েক ঘন্টা

এর জন্য কোন জনপ্রিয় গ্রন্থাগার?

Question 2

যেহেতু আমি এই উত্তরটি লিখেছি, একটি সুপরিচিত গ্রন্থাগারটি moment.js ।

এখানে গ্রন্থাগারগুলি উপলভ্য রয়েছে তবে এটি নিজে প্রয়োগ করা তুচ্ছ। কেবলমাত্র কয়েকটা শর্ত ব্যবহার করুন।

ধরে নিন যে সময়ের সাথে আপনি তুলনা করতে চান তার জন্য dateএকটি তাত্ক্ষণিক Dateবস্তু।

// Make a fuzzy time
var delta = Math.round((+new Date - date) / 1000);

var minute = 60,
    hour = minute * 60,
    day = hour * 24,
    week = day * 7;

var fuzzy;

if (delta < 30) {
    fuzzy = 'just then.';
} else if (delta < minute) {
    fuzzy = delta + ' seconds ago.';
} else if (delta < 2 * minute) {
    fuzzy = 'a minute ago.'
} else if (delta < hour) {
    fuzzy = Math.floor(delta / minute) + ' minutes ago.';
} else if (Math.floor(delta / hour) == 1) {
    fuzzy = '1 hour ago.'
} else if (delta < day) {
    fuzzy = Math.floor(delta / hour) + ' hours ago.';
} else if (delta < day * 2) {
    fuzzy = 'yesterday';
}

ভবিষ্যতের তারিখগুলি পরিচালনা করতে আপনার এটিকে অভিযোজিত করতে হবে।

Question 3

আমি moment.js লিখেছি , একটি তারিখ পাঠাগার যা এটি করে। এটি প্রায় ~~5KB (2011)~~ 52KB (2019), এবং ব্রাউজারগুলিতে এবং নোডে কাজ করে। এটি সম্ভবত জাভাস্ক্রিপ্টের জন্য সর্বাধিক জনপ্রিয় এবং বিখ্যাত তারিখের গ্রন্থাগার।

এটি টাইমগো, ফর্ম্যাটিং, পার্সিং, অনুসন্ধান, ম্যানিপুলেটিং, আই 18 এন ইত্যাদি সমর্থন করে

অতীতের তারিখগুলির জন্য টাইমাগো (আপেক্ষিক সময়) সম্পন্ন হয় moment().fromNow()। উদাহরণস্বরূপ, টাইমগো বিন্যাসে 1 জানুয়ারী, 2019 দেখানোর জন্য:

let date = moment("2019-01-01", "YYYY-MM-DD");
console.log(date.fromNow());

<script src="https://momentjs.com/downloads/moment.min.js"></script>

স্নিপেট প্রসারিত করুন

টাইমগো স্ট্রিংগুলি কাস্টমাইজযোগ্য moment.updateLocale(), যাতে আপনি কীভাবে ফিট দেখতে পারেন সেগুলি পরিবর্তন করতে পারেন।

কাট অফগুলি প্রশ্নটি অনুরোধ করে না ("5 সপ্তাহ" বনাম "1 মাস"), তবে কোন স্ট্রিংটি কোন সময়ের জন্য ব্যবহৃত হয় তা নথিভুক্ত করা হয়।

Question 4

জন রেসিগের কিছু এখানে - http://ejohn.org/blog/javascript- ব্যাখ্যা date/

সম্পাদনা (6/27/2014): সুমুরাই 8 এর মন্তব্যে অনুসরণ করা - যদিও লিঙ্কযুক্ত পৃষ্ঠাটি এখনও কাজ করে pretty.jsতবে উপরের নিবন্ধটি থেকে লিঙ্কযুক্ত অংশটি এখানে দেওয়া হয়েছে :

pretty.js

/*
 * JavaScript Pretty Date
 * Copyright (c) 2011 John Resig (ejohn.org)
 * Licensed under the MIT and GPL licenses.
 */

// Takes an ISO time and returns a string representing how
// long ago the date represents.
function prettyDate(time) {
    var date = new Date((time || "").replace(/-/g, "/").replace(/[TZ]/g, " ")),
        diff = (((new Date()).getTime() - date.getTime()) / 1000),
        day_diff = Math.floor(diff / 86400);

    if (isNaN(day_diff) || day_diff < 0 || day_diff >= 31) return;

    return day_diff == 0 && (
    diff < 60 && "just now" || diff < 120 && "1 minute ago" || diff < 3600 && Math.floor(diff / 60) + " minutes ago" || diff < 7200 && "1 hour ago" || diff < 86400 && Math.floor(diff / 3600) + " hours ago") || day_diff == 1 && "Yesterday" || day_diff < 7 && day_diff + " days ago" || day_diff < 31 && Math.ceil(day_diff / 7) + " weeks ago";
}

// If jQuery is included in the page, adds a jQuery plugin to handle it as well
if (typeof jQuery != "undefined") jQuery.fn.prettyDate = function() {
    return this.each(function() {
        var date = prettyDate(this.title);
        if (date) jQuery(this).text(date);
    });
};

ব্যবহার:

prettyDate("2008-01-28T20:24:17Z") // => "2 hours ago"
prettyDate("2008-01-27T22:24:17Z") // => "Yesterday"
prettyDate("2008-01-26T22:24:17Z") // => "2 days ago"
prettyDate("2008-01-14T22:24:17Z") // => "2 weeks ago"
prettyDate("2007-12-15T22:24:17Z") // => undefined

ব্যবহারের নিবন্ধ থেকে অংশ:

ব্যবহারের উদাহরণ

নিম্নলিখিত উদাহরণগুলিতে আমি সাইটের সমস্ত অ্যাঙ্কর তৈরি করি, যার একটি শিরোনাম রয়েছে যার একটি তারিখ রয়েছে, তাদের অভ্যন্তরীণ পাঠ্য হিসাবে সুন্দর তারিখ রয়েছে। অতিরিক্তভাবে, পৃষ্ঠাটি লোড হওয়ার পরে আমি প্রতি 5 সেকেন্ডে লিঙ্কগুলি আপডেট করতে থাকি।

জাভাস্ক্রিপ্ট সহ:

function prettyLinks(){
    var links = document.getElementsByTagName("a");
    for ( var i = 0; i < links.length; i++ )
        if ( links[i].title ) {
            var date = prettyDate(links[i].title);
            if ( date )
                links[i].innerHTML = date;
        }
}
prettyLinks();
setInterval(prettyLinks, 5000);

JQuery সহ:

$("a").prettyDate();
setInterval(function(){ $("a").prettyDate(); }, 5000);

ফয়েজ: মূল কোড, বাগ ফিক্স এবং উন্নতিতে কিছু পরিবর্তন হয়েছে।

function prettyDate(time) {
    var date = new Date((time || "").replace(/-/g, "/").replace(/[TZ]/g, " ")),
        diff = (((new Date()).getTime() - date.getTime()) / 1000),
        day_diff = Math.floor(diff / 86400);
    var year = date.getFullYear(),
        month = date.getMonth()+1,
        day = date.getDate();

    if (isNaN(day_diff) || day_diff < 0 || day_diff >= 31)
        return (
            year.toString()+'-'
            +((month<10) ? '0'+month.toString() : month.toString())+'-'
            +((day<10) ? '0'+day.toString() : day.toString())
        );

    var r =
    ( 
        (
            day_diff == 0 && 
            (
                (diff < 60 && "just now")
                || (diff < 120 && "1 minute ago")
                || (diff < 3600 && Math.floor(diff / 60) + " minutes ago")
                || (diff < 7200 && "1 hour ago")
                || (diff < 86400 && Math.floor(diff / 3600) + " hours ago")
            )
        )
        || (day_diff == 1 && "Yesterday")
        || (day_diff < 7 && day_diff + " days ago")
        || (day_diff < 31 && Math.ceil(day_diff / 7) + " weeks ago")
    );
    return r;
}

Question 5

সুগার.জেএস এর দুর্দান্ত তারিখের ফর্ম্যাটিং ফাংশন রয়েছে।

কেবল তা-ই নয়, এটি স্ট্রিং ফর্ম্যাটিং, নম্বর ফর্ম্যাটিং ইত্যাদি সাধারণ সাধারণ কার্যকারিতা সরবরাহ করে যা ব্যবহার করা সুবিধাজনক।

Question 6

এখানে চিনি বনাম মুহুর্তের একটি উদাহরণ: সপ্তাহে প্রদর্শিত একটি ক্যালেন্ডারের জন্য, আমার শেষ সোমবারের মানটি প্রয়োজন:

moment.js

var m = moment().subtract("days", 1).sod().day(1) // returns a "moment"

sugar.js

var d = Date.past("monday") // returns a js Date object

আমি চিনিকে অনেক বেশি পছন্দ করি এবং মুহুর্তের সাথে কয়েক মাস পরে। এখন চিনি.জেজে স্যুইচ করুন। এটি পরিষ্কার এবং জাভাস্ক্রিপ্টগুলির তারিখ শ্রেণীর সাথে দুর্দান্তভাবে সংহত করে।

ও.পি. কেসগুলি উভয় লিবেই আচ্ছাদিত, চিনির জন্য। js দেখুন http://sugarjs.com / তারিখগুলি

Question 7

এই জেএস স্ক্রিপ্টটি খুব সুন্দর। আপনাকে যা করতে হবে তা হ'ল এটি চালানো। সমস্ত <time>ট্যাগ আপেক্ষিক তারিখগুলিতে পরিবর্তিত হবে এবং প্রতি কয়েক মিনিটে আপডেট হবে, তাই আপেক্ষিক সময় সর্বদা আপ টু ডেট থাকবে।

http://timeago.yarp.com/

Question 8

আপনার মত শব্দগুলি http://www.datejs.com/ ব্যবহার করতে পারে

মূল পৃষ্ঠায় তাদের উদাহরণ রয়েছে যা আপনি যা বর্ণনা করছেন ঠিক তেমন করে!

সম্পাদনা: আসলে, আমি মনে করি আমি আপনার প্রশ্নটি আমার মাথায় উল্টে দিয়েছি। যাই হোক না কেন, আমি মনে করি এটি যেহেতু এটি সত্যিই দুর্দান্ত লাইব্রেরি হিসাবে আপনি এটি পরীক্ষা করে দেখতে পারেন!

এক্স 2 সম্পাদনা করুন: অন্যরা যা বলেছে তা আমি প্রতিধ্বনিত করতে চলেছি http://momentjs.com/ সম্ভবত এখনই সেরা পছন্দ।

সম্পাদনা এক্স 3: আমি এক বছরেরও বেশি সময় ধরে ডেট.জেস ব্যবহার করি নি। আমি আমার সমস্ত তারিখ সম্পর্কিত প্রয়োজনের জন্য একচেটিয়াভাবে মুহুর্তগুলি ব্যবহার করছি।