javascript - tutorial - AngularJS মধ্যে বিন্যাস তারিখ সময়




angularjs tutorial (9)

AngularJS এ আমি তারিখ এবং সময় সঠিকভাবে কিভাবে প্রদর্শন করব?

নীচের আউটপুট ইনপুট এবং আউটপুট উভয় দেখায়, AngularJS তারিখ ফিল্টার ছাড়া এবং ছাড়া:

In: {{v.Dt}}  
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}

এই প্রিন্টগুলি:

In: 2012-10-16T17:57:28.556094Z 
AngularJS: 2012-10-16T17:57:28.556094Z

পছন্দসই প্রদর্শন বিন্যাস 2010-10-28 23:40:23 0400 বা 2010-10-28 23:40:23 EST


v.Dt সম্ভবত একটি তারিখ () বস্তু নয়।

http://jsfiddle.net/southerd/xG2t8/ দেখুন

কিন্তু আপনার নিয়ামক:

scope.v.Dt = Date.parse(scope.v.Dt);

আপনার কোডটি আপনি এই উষ্ণ দেখতে হিসাবে কাজ করা উচিত।

যদিও আপনার v.Dt এটির জন্য কাজ করার উপযুক্ত Date অবজেক্ট নিশ্চিত করতে হবে।

{{dt | date:'yyyy-MM-dd HH:mm:ss Z'}}

অথবা তারিখ যদি ফরম্যাটটিকে তারিখ হিসাবে সংজ্ঞায়িত করা হয় তবে ফরম্যাট = 'yyyy-MM-dd HH: mm: ss z':

{{dt | date:dateFormat }}

আপনি momentjs তারিখ সময় ফিল্টার বাস্তবায়নের জন্য momentjs ব্যবহার করতে পারেন। উদাহরণ স্বরূপ:

angular.module('myApp')
 .filter('formatDateTime', function ($filter) {
    return function (date, format) {
        if (date) {
            return moment(Number(date)).format(format || "DD/MM/YYYY h:mm A");
        }
        else
            return "";
    };
});

তারিখ সময় স্ট্যাম্প বিন্যাসে কোথায়।


আপনি কি documentation লিখন নির্দেশাবলী (সংক্ষিপ্ত সংস্করণ) বিভাগটি দেখেছেন?

এইচটিএমএল

<div ng-controller="Ctrl2">
      Date format: <input ng-model="format"> <hr/>
      Current time is: <span my-current-time="format"></span>
</div> 

জাতীয়

function Ctrl2($scope) {
  $scope.format = 'M/d/yy h:mm:ss a';
}

আমি আপনাকে loc.js লোকেশন অনুযায়ী তারিখ বিন্যাস জন্য এটি একটি ভাল সমর্থন পেয়েছে ব্যবহার করার পরামর্শ দিতে হবে।

ফর্ম্যাটিং তারিখের জন্য অভ্যন্তরীণভাবে moment.js পদ্ধতি ব্যবহার করে এমন একটি ফিল্টার তৈরি করুন।


আমি জানি এটি একটি পুরানো আইটেম, তবে ভেবেছিলাম আমি বিবেচনা করার জন্য অন্য বিকল্পটি নিক্ষেপ করব।

আসল স্ট্রিংটি "টি" ডেমার্কার অন্তর্ভুক্ত করে না, এঙ্গুলারের ডিফল্ট বাস্তবায়ন এটি তারিখ হিসাবে সনাক্ত করে না। আপনি নতুন তারিখ ব্যবহার করে এটি জোর করতে পারেন, কিন্তু এটি একটি অ্যারের উপর একটি ব্যথা। যেহেতু আপনি একসঙ্গে পাইপ ফিল্টার করতে পারেন, আপনি একটি তারিখতে আপনার ইনপুট রূপান্তর করতে একটি ফিল্টার ব্যবহার করতে সক্ষম হবেন এবং তারপরে তারিখটি প্রয়োগ করুন: রূপান্তরিত তারিখে ফিল্টার করুন। নিম্নরূপ একটি নতুন কাস্টম ফিল্টার তৈরি করুন:

app
.filter("asDate", function () {
    return function (input) {
        return new Date(input);
    }
});

তারপরে আপনার মার্কআপে, আপনি ফিল্টারগুলি একসঙ্গে পাইপ করতে পারেন:

{{item.myDateTimeString | asDate | date:'shortDate'}}

এখানে একটি filter যা একটি তারিখ স্ট্রিং বা জাভাস্ক্রিপ্ট তারিখ () অবজেক্ট নেবে। এটি Moment.js ব্যবহার Moment.js এবং যে কোনও Moment.js রূপান্তর ফাংশন প্রয়োগ করতে পারে, যেমন জনপ্রিয় 'থেকে Now'

angular.module('myModule').filter('moment', function () {
  return function (input, momentFn /*, param1, param2, ...param n */) {
    var args = Array.prototype.slice.call(arguments, 2),
        momentObj = moment(input);
    return momentObj[momentFn].apply(momentObj, args);
  };
});

তাই ...

{{ anyDateObjectOrString | moment: 'format': 'MMM DD, YYYY' }}

নভেম্বর 11, 2014 প্রদর্শন করা হবে

{{ anyDateObjectOrString | moment: 'fromNow' }}

10 মিনিট আগে প্রদর্শন করা হবে

আপনি একাধিক মুহূর্ত ফাংশন কল করতে হবে, আপনি তাদের চেন করতে পারেন। এটি ইউটিসি এবং তারপর ফর্ম্যাট রূপান্তর ...

{{ someDate | moment: 'utc' | moment: 'format': 'MMM DD, YYYY' }}

filter


এখানে কয়েকটি জনপ্রিয় উদাহরণ রয়েছে:

<div>{{myDate | date:'M/d/yyyy'}}</div> <div>{{myDate | date:'M/d/yyyy'}}</div> 7/4/2014

<div>{{myDate | date:'yyyy-MM-dd'}}</div> <div>{{myDate | date:'yyyy-MM-dd'}}</div> 2014-07-04

<div>{{myDate | date:'M/d/yyyy HH:mm:ss'}}</div> <div>{{myDate | date:'M/d/yyyy HH:mm:ss'}}</div> 7/4/2014 12:01:59


সহজভাবে যদি আপনি "জানুয়ারী 30, 2017 4:31:20 PM" এর মতো আউটপুট করতে চান তবে সহজ পদক্ষেপ অনুসরণ করুন

step1- জেএস নিয়ামক নিম্নলিখিত পরিবর্তনশীল ঘোষণা

$scope.current_time = new Date();

step2- মত এইচটিএমএল পাতা প্রদর্শন

{{current_time | তারিখ: 'মাঝারি'}}







datefilter